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