Completed
01:02:42 #10 useMemo, useCallback & React.memo for performance
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
All 17 React Best Practices
Automatically move to the next video in the Classroom when playback concludes
- 1 00:00 Best practices = Senior dev
- 2 01:12 Sponsor
- 3 03:58 #1 Constants / Hard-coded values / Magic values
- 4 12:03 #2 Folder structure
- 5 16:02 #3 Components: when to create them
- 6 23:42 #4 Avoid unnecessary markup div's
- 7 27:28 #5 IMPORTANT: don't add layout styles to reusable component
- 8 33:30 #6 Use TypeScript why & where in React
- 9 37:07 #7 IMPORTANT: Keep components simple children pattern, updater function for useState
- 10 51:32 #8 IMPORTANT: Don't use setter function from useState, instead create a separate event handler function
- 11 55:43 #9 IMPORTANT: Naming props when prop is a function
- 12 01:02:42 #10 useMemo, useCallback & React.memo for performance
- 13 01:09:12 #11 When to use updater function from useState
- 14 01:11:32 #12 Use single state instead of multiple states
- 15 01:13:15 #13 IMPORTANT: one source of truth in programming. Keep track of a 'selected' or 'active' item by its id, NOT its whole object!
- 16 01:18:18 #14 IMPORTANT: use the URL for some state filters, pagination, etc., not useState
- 17 01:21:37 #15 Keep useEffect simple: one concern per useEffect
- 18 01:26:18 #16 IMPORTANT: instead of fetching data in useEffect, consider alternatives
- 19 01:33:12 #17 IMPORTANT: improve overall structure with components, custom hooks and utility functions
- 20 01:45:50 Outro
