React, Flux, and Redux all fit within the functional JavaScript paradigm. Understanding the basic concepts of functional programming will make you better at structuring React applications.
- Functions as Variables (demo, code, bin)
- Arrow Functions (demo, code, bin)
- Object Methods (demo, code, bin)
- Functions within Arrays (demo, code, bin)
- Functions as Arguments (demo, code, bin)
- Returned Functions (demo, code, bin)
- ES6 Enhancements (demo, code, bin)
- Mutations (demo, code, bin)
- Object.assign() (demo, code, bin)
- Spread Operator with Objects (demo, code, bin)
- Array.push() (demo, code, bin)
- Array.concat() (demo, code, bin)
- Spread Operator with Arrays (demo, code, bin)
- Impure Function (demo, code, bin)
- Object Mutation (demo, code, bin)
- Pure Function (demo, code, bin)
- Side Effects (demo, code, bin)
- React Component (demo, code, bin)
- Joining Array Items (demo, code, bin)
- Filtering Arrays (demo, code, bin)
- Filtering Array Function (demo, code, bin)
- Mapping Arrays (demo, code, bin)
- Creating Objects with .map() (demo, code, bin)
- Updating Array of Objects (demo, code, bin)
- Editing Arrays of Objects (demo, code, bin)
- Object.keys() (demo, code, bin)
- Reducing Arrays (demo, code, bin)
- Array.reduce() Shorter Syntax (demo, code, bin)
- Colors Hash (demo, code, bin)
- distinctColors() (demo, code, bin)