Why would you want to do this? Because you often don't need more. It's nice to not have to think about your "router" as this big special thing.
Instead, with this approch, your app's current pathname is just another piece of state, just like anything else.
This also means that when doing server-side rendering of a redux app, you can just do:
var app = require('your/redux/app')
var React = require('react')| //not sending hex values as strings to parseInt/Float | |
| //This is not equal to parseInt("0xff", 16) | |
| //It's actually equal to parseInt(255, 16) | |
| parseInt(0xff, 16); | |
| //coercing to string and the parsing back (WHY?! T_T) | |
| var val = 10+""; | |
| fn(parseInt(val,10)); |
| function Circle(r){ | |
| var self = this; | |
| var notifier = Object.getNotifier(this); | |
| Object.defineProperty(this, "radius", { | |
| get: function(){ | |
| return r; | |
| }, | |
| set: function(newR){ | |
| if (r === newR) | |
| return; |
| (function(){ | |
| var dudeEvent = new CustomEvent('dude'); | |
| var body = document.querySelector('body'); | |
| body.addEventListener('dude', function(){ | |
| console.log('dude listener'); | |
| console.log('alerting') | |
| alert('wat'); | |
| }); | |
| function a(){ | |
| body.dispatchEvent(dudeEvent); |
| 1) Starts with http, https? Cool. Take the whole string (assuming it's good after http|https). Stop | |
| 2) Contains http, https? Cool. Splice string from index of 'http' ('h' to be more precise) to end of string. Stop. | |
| 3) Split on '.'. foldr over the array by trying to split ever element over anything that isnt an alphabet or number. Ignore 1st element of every subsplit if the subsplit returns an array of length greater than 1. After this pass, join whole array using '.' |
| function isObject(arg) { | |
| return typeof arg === 'object' && arg !== null; | |
| } | |
| function objToArray(obj){ | |
| if (!isObject(obj) || Array.isArray(obj)) throw new SyntaxError('Give me an object to work with plz. kthxbai.'); | |
| return output = Object.keys(obj).map(function(key){ | |
| var temp = []; | |
| temp.push(key); | |
| if (isObject(obj[key]) && !Array.isArray(obj[key])) temp.push(objToArray(obj[key])); | |
| else temp.push(obj[key]); |
| function thunkify(fn) { | |
| return function() { | |
| return fn.apply(this, arguments); | |
| } | |
| } |
| // sugared fib is below | |
| fib n | |
| let one = 1 | |
| if n == 0 | |
| then | |
| one | |
| else | |
| if n == 1 | |
| then | |
| one |