Modern React Applications
summary
Walks through building an election‑quiz single‑page app with Webpack, React 16.8+ and code splitting, proving the claims with live code: implements useState useEffect useRef, writes a reusable custom useCounter Hook, fixes a stale-closure bug by switching to the functional setState form, and lazy‑loads route components with React.lazy and Suspense; demo mostly works (one gif hiccup) and shows how to adopt hooks incrementally without a full rewrite.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 3:30Hooks
- 6:43YouState
- 15:41UseEffect
- 16:47Manual Update
- 19:55Cleanup
- 22:32Skip Effects
- 30:17UseRef
- 31:57Hook
- 37:47Lazy
- 41:12Final Thoughts
related talks
59mDeveloping React Applications with Functional Components
34mAre You Smarter Than a React Component?
30mJavaScript prerequisites for React (hooks)
45mWhy I am hooked on the future of React
56mWith great power comes great React hooks!
39mReact's Future - Under the Hook
35mA Guided Tour of React Hooks
45mReact refactoring, off the hook(s)!