A Beginner's Guide to Code Splitting Your React App

A Beginner's Guide to Code Splitting Your React App

Meta Developers via YouTube Direct link

Mismatch

27 of 30

27 of 30

Mismatch

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

A Beginner's Guide to Code Splitting Your React App

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 What we think
  3. 3 Reality
  4. 4 Mobile first
  5. 5 Browser support
  6. 6 Shipping JS
  7. 7 Long Term Caching
  8. 8 Ship Less JS
  9. 9 Easy to use
  10. 10 Before
  11. 11 Simple example
  12. 12 Run Webpack
  13. 13 What we load
  14. 14 In the browser
  15. 15 Loaded async
  16. 16 Async React Components
  17. 17 Simple Lazy Load Component
  18. 18 Patterns
  19. 19 Route level splitting
  20. 20 Maps to application hierarchy
  21. 21 Simple React Router v3 example
  22. 22 Quick recap
  23. 23 Component level splitting
  24. 24 Responsive Components
  25. 25 How do we model this?
  26. 26 Conditional imports are easy!
  27. 27 Mismatch
  28. 28 Profile on real devices
  29. 29 Avoid waterfalls
  30. 30 import() is always async

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.