React Best Practices in 15 Slides
summary
Recommends a curated React stack centered on create-react-app plus Flow (with flow-typed), Prettier, ESLint, Storybook and Jest snapshot testing (with image-snapshot planned). Presents a project template using component-per-folder layout with index exports, and advises using HOCs or render-props to inject measurements and using styled-components (CSS-in-JS) for future-proofing; claims adding types caught about 15% of bugs in a 400-bug sample.
AI-written summary · about
chapters (11)
- 0:00Who are you?
- 0:21The topic
- 0:52The tools
- 1:29Starting the application
- 4:01Petit E
- 5:12Storybook
- 6:42Testing
- 9:29Tools
- 10:46Architecture
- 12:09Component composition
- 14:38CSS in July
related talks
22mCrafting Pristine React: Best Practices for Maintainable Code
50mNavigating the React Ecosystem
31mReact Refactoring Patterns
34mState of the React Ecosystem
49mNavigating the React Solar System
28mBack to React: The Story of Two Apps
52mBuilding Modern React Applications
44mA Practical Guide for Crafting Resilient UI Components