Elm architecture
0 likes48 views
Elm Architecture is an architectural pattern inspired by Ocaml and Haskell that uses immutability and pure functions. It was first used in games and features a unidirectional data flow with an immutable model. Frameworks like Redux, Cerebral, and Cycle.js were influenced by Elm Architecture. Redux is commonly used with React applications and features a single source of truth, read-only state, and changes made with pure functions and reducers/actions. Redux provides tools for inspecting state, actions, and debugging reducer code.
Related topics:1 of 8
Download to read offline
More Related Content
What's hot (20)
Ad
Similar to Elm architecture (20)
Ad
Recently uploaded (20)
Elm architecture
- 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
- 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