React Redux Performance Techniques and Optimizations

React Redux Performance Techniques and Optimizations

Dave Gray via YouTube Direct link

Changes to initial state

25 of 32

25 of 32

Changes to initial state

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Redux Performance Techniques and Optimizations

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

  1. 1 Intro
  2. 2 Welcome
  3. 3 Prerequisite knowledge
  4. 4 Starter Code Note
  5. 5 UsersList component
  6. 6 selectByUserId selector
  7. 7 UserPage component
  8. 8 Adding user routes to App.js
  9. 9 Adding a catch all route
  10. 10 Add Users link in header
  11. 11 Testing the user components
  12. 12 Adding count state, reducer, and selector
  13. 13 Adding a counter to the header
  14. 14 Quick typo fix
  15. 15 Optimization issue 1
  16. 16 Identifying the cause of re-renders
  17. 17 Creating a memoized selector
  18. 18 Updating the UserPage component
  19. 19 Testing our changes
  20. 20 Optimization issue 2
  21. 21 Solving with React.memo
  22. 22 A full-featured solution
  23. 23 Normalization
  24. 24 Adding createEntityAdapter
  25. 25 Changes to initial state
  26. 26 Using entities as a lookup object
  27. 27 Applying entity adapter CRUD methods
  28. 28 Entity adapter generated selectors
  29. 29 Reviewing postsSlice changes
  30. 30 PostsList component changes
  31. 31 PostsExcerpt component changes
  32. 32 Testing the entity adapter changes

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.