This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Below is a simplified state management library for Cycle JS. | |
It is named after a spoke on a bicycle wheel, because a spoke at the bottom of the wheel will be at the top after a semi-revoltion. | |
cycle-spoke aims to be approachable, fun, fractal, and easy to use for developers who are familiar with reducers. | |
Any cycle component can be spoked, spoke creates a local circular reference, and you can have as many spoked components as you like. | |
It applies any reducers emitted from the components spoke sink to the internal state, and provides a source of the derived state. | |
A spoked component has no initial state, so you must emit a reducer that sets the initial state on load. | |
A spoked component may receive reducers from its parent. A spoked component returns it's state as a sink. | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
### Keybase proof | |
I hereby claim: | |
* I am aronallen on github. | |
* I am aronallen (https://keybase.io/aronallen) on keybase. | |
* I have a public key whose fingerprint is 1649 8FAC 6CB9 1E77 7739 DD51 E7A0 0252 D44A D8D6 | |
To claim this, I am signing this object: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE HTML> | |
<html lang="en-US"> | |
<head> | |
<meta charset="UTF-8"> | |
<title></title> | |
<style type="text/css"> | |
nav{ | |
display: -webkit-box; | |
display: box; | |
-webkit-box-orient: horizontal; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE HTML> | |
<html lang="en-US"> | |
<head> | |
<meta charset="UTF-8"> | |
<title></title> | |
<style type="text/css"> | |
nav{ | |
display: -webkit-box; | |
display: box; | |
-webkit-box-orient: horizontal; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
nav{ | |
display: box; | |
box-orient: horizontal; | |
height:50px | |
} | |
nav a{ | |
box-flex: 1; | |
display: block; | |
height:100%; |