Completed
Re-render the whole app on every update
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React - Rethinking Best Practices
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Give it five minutes.
- 3 We all like separation of concerns, right?
- 4 Coupling is
- 5 Cohesion is
- 6 inevitably tightly coupled.
- 7 highly cohesive.
- 8 Templates separate technologies, not concerns.
- 9 Symptoms that your front-end technology is underpowered
- 10 The framework cannot know how to separate your concerns for you.
- 11 This tool is a React component.
- 12 Use components to separate your concerns.
- 13 Components are reusable.
- 14 Components are unit testable.
- 15 What about spaghetti code?
- 16 Just don't write spaghetti code.
- 17 What about working with designers?
- 18 JSX is an optional preprocessor to let you use HTML-like syntax.
- 19 With JSX, it's easy for designers to contribute code.
- 20 The accessibility of templates and the power of JavaScript.
- 21 Re-render the whole app on every update
- 22 Data changing over time is the root of all evil.
- 23 When the data changes, React re- renders the entire component.
- 24 That is, React components are basically just idempotent functions.
- 25 Re-rendering on every change makes things simple.
- 26 React's architecture looks a lot like the Doom 3 engine
- 27 The virtual DOM lets us do fun things.
- 28 Virtual DOM is simple and fast
- 29 Announcing React devtools
