State machines #38
Merged
State machines #38
Conversation
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
bendrucker
reviewed
Jan 10, 2018
content/guides/state-machines.md
Outdated
| Or in a more compact notation: | ||
|
|
||
| ```js | ||
| var stateMachine => (t, c, n) => t[c][n] |
bendrucker
reviewed
Jan 10, 2018
content/guides/state-machines.md
Outdated
| If you're looking for a solid state machine implementation, check out | ||
| [choojs/nanostate](https://github.com/choojs/nanostate). It's similar to the | ||
| state machine we implemented in the section above, but adds event hooks, clean | ||
| error messages and more. |
|
Super well done, caught some typos for ya! |
|
Pushed fixes! Thanks @bendrucker ✨ |
ghost
suggested changes
Jan 10, 2018
content/guides/state-machines.md
Outdated
| # state machines | ||
| If you work in software long enough, you'll have to deal with legacy codebases. | ||
| but you'll also have had the chance to start projects from scratch. And | ||
| eventually see your project become a legacy codebase itself. |
| ``` | ||
|
|
||
| And that's the basics. From here we could go on to add more states and | ||
| transitions, expanding the graph. |
There was a problem hiding this comment.
graph here introduces a concept that previously hasnt been talked about, might be good to add a representation of the state machine as a graph, visually
There was a problem hiding this comment.
I agree, but don't have any graph tools around right now. If someone has a graph that'd be neat!
content/guides/state-machines.md
Outdated
| ## State machines in JavaScript | ||
| Let's implement the traffic light example in JavaScript. In order for this to | ||
| work, we'll need to implement: | ||
| - save the states & transitions in an Object |
content/guides/state-machines.md
Outdated
| work, we'll need to implement: | ||
| - save the states & transitions in an Object | ||
| - the core state machine algorithm | ||
| - create a small, stateful class to hold the state |
content/guides/state-machines.md
Outdated
| - save the states & transitions in an Object | ||
| - the core state machine algorithm | ||
| - create a small, stateful class to hold the state | ||
| - combine all of these to form the complete state machine. |
content/guides/state-machines.md
Outdated
|
|
||
| ### Class | ||
| While the state machine algorithm is quite simple, it requires us to keep track | ||
| of what the current state is. This means that statemachines themselves are |
| - Nested state machines. | ||
|
|
||
| We'll leave this as an exercise up to the reader. | ||
|
|
There was a problem hiding this comment.
imo this is missing usage examples in user interface design, as hinted at during the first section
|
Made an issue for the last unsolved comment. Merging now, will fix the remaining comments later! ✨ V. excited to have some of these sections up! 😁 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Adds a section about state machines: what to use them for, and how to implement one. Thanks!