Design patterns help us to make our applications more flexible, perform better, and easier to maintain, giving our workflow a huge boost when it comes to speed without reducing quality.
This talk will cover how to apply design patterns and best practices in real-life situations, on new or already existing React projects.
- Foundation
- Conditional in JSX
- Async Nature Of setState()
- Presentational vs Container
- Event handlers
- Passing Function To setState()
- Component Composition
- Higher Order Components
- Children as a function
- Children as render prop
- Anti-Patterns
- setState() in componentWillMount()
- Mutating State
- Using Indexes as Key
- Spreading Props on DOM elements
- Props In Initial State
- Perf Tips
- shouldComponentUpdate() check
- Using Pure Components
- Gotchas
- Pure render checks
- Synthetic Events