Building modern React applications
summary
Covers concrete patterns: use the new Context API for localised state and wrap providers as close to consumers as needed, prefer function components with Hooks for co-located logic, and choose CRA/Next/Gatsby per use case. Compares three fetch strategies and promotes render-as-you-fetch with Suspense (not yet stable) and experimental concurrent mode. Recommends TypeScript over Flow, building a design system with theming scales (example: M → 8px spacing scale) for consistent UI.
AI-written summary · about
chapters (18)
- 0:00Start
- 4:47Comparison of React and Other Public Our Front-End Frameworks
- 6:46Gatsby
- 7:38The Benefits of Building Apps with the Modern Stack
- 8:50State Management
- 12:54What's New in React
- 16:11Concurrent Mode
- 16:23Experimental Concurrent Mode
- 18:28Common React Patterns
- 19:18Fetch Data in React
- 21:18Fetch Then Render
- 25:00Type Systems
- 26:18Typescript Type Typing
- 26:44Typescript
- 27:09Design Systems
- 28:49Teaming with a Style System for Stock Components
- 29:53How Do We Architect Modern Applications React Applications Using a Type System and Design System
- 32:12Resources
related talks
52mBuilding Modern React Applications
26mBuilding modern React applications
23mHandling Data at Scale for React Developers
33mReact Advanced Patterns
50mNavigating the React Ecosystem
37mReact & Next.js in 2025- Modern Best Practices for Faster, Smarter Apps
29mBuilding Large-Scale Web Apps
33mThe New Best Practices