Describes ELM language architectural approach to building applications

1. Elm Architecture
and it’s JavaScript offspring

2. Architecture of what?
- Elm the language http://elm-lang.org/
- Inspired by Ocaml & Haskell
- Immutability, pure functions
- Statically typed - no runtime exceptions (NaN, undefined is not function)
- Client side only
- Compiles to JavaScript

3. Architecture basic ideas
- First used in games
- Pure functions
- Immutable model
- Unidirectional dataflow

4. The Offspring
- Redux
- Cerebral
- Cycle.js

5. Redux
- Created by Dan Abramov
- Default choice for React applications
- Huge ecosystem on npm
- Lot’s of resources
https://egghead.io/courses/getting-started-with-redux

6. Redux principles
- Single source of truth
- State is read-only
- Changes are made with pure functions

7. Reducers & Actions

8. Redux tools features
- Lets you inspect every state and action payload
- Lets you go back in time by “cancelling” actions
- If you change the reducer code, each “staged” action will be re-evaluated
- If the reducers throw, you will see during which action this happened, and what the error was
- With persistState() store enhancer, you can persist debug sessions across page reloads
https://github.com/gaearon/redux-devtools