React - Rethinking Best Practices

React - Rethinking Best Practices

JSConf via YouTube Direct link

Intro

1 of 29

1 of 29

Intro

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.