React UI: get hooked!
summary
Shows concrete patterns and code: replaces HOCs/render props and huge classes with useState‑style custom hooks, ships input hooks with afterChange debounce to avoid spamming Redux actions, a shouldChange validator for numeric fields, and a formatter that exposes formatted and raw values. Tests use react-hooks-testing-library or an Enzyme wrapper. Describes a production useScaleImage hook used by 5–6 teams at GoDaddy to handle third‑party image APIs and improve load/interaction performance.
AI-written summary · about
chapters (9)
- 0:00Introduction and speaker intro
- 3:54What are React hooks
- 10:31Problems with class components
- 13:22Testing custom hooks
- 17:50Why adopt React hooks
- 22:42Custom hooks for UI logic
- 30:48Production experience with hooks
- 36:17How hooks change UI development
- 37:45Q&A and closing
