What You'll Learn
- React Best Practices with Kent Dodds
- Drawing the Invisible: How to Explain React through Visual Metaphors
Maggie explains React through visual metaphors: how React sits between the backend and the DOM, how JSX is an extension of vanilla JS, how components can be reused by providing different props, and how data and events flow through React's tree structure.
- Avoiding Accidental Complexity When Structuring Your App State
Tal provides a list of practical tips of how to model app state: avoid modeling state after the server API, prefer maps to arrays, avoid modeling state after what views like to consume, never hold duplicate data in the app state, never store derived data in the state, normalize nested objects, and view app state as an in-memory database.