Navigating the React Solar System

on YouTube ↗49m

" summary

Practical shopping list for a React app: use plain React plus ES6 modules, prefer yarn for packages and webpack for bundling to get tree‑shaking, run linting with ESLint, bootstrap with create-react-app if you want zero-config, fetch data with the Fetch API and route with React Router, test UI with Jest snapshot tests, and adopt redux (with immutable helpers) only when state grows complex; server‑side rendering uses either Node/Express or a separate render service for non‑Node backends.

AI-written summary · about

" chapters (14)

1. 0:00Navigating the React Solar System
2. 9:32React Dev Tools Help debug React props & state
3. 10:10Package managers Help include & manage helper libraries
4. 12:58Tree-Shaking
5. 15:34NPM/Yarn Scripts
6. 16:34Static Analyzers Help catch errors in written code before runtime
7. 17:34Flow type inference
8. 19:34Create React App Create React apps with no build configuration
9. 22:54CSS Modules Automatically scope CSS dass names to the component
10. 28:46React Router
11. 33:27Server-side Rendering Without a Node back-end...
12. 38:49API Optimization
13. 40:30Facebook Libraries
14. 44:24Component CSS Associate React components with CSS snippet

" related talks

• 32mNavigating the React Solar SystemBen Ilegbodu · Framework Summit 2018
• 01h 02mNavigating the React Solar SystemBen Ilegbodu · NDC Sydney 2018
• 34mState of the React EcosystemBen Ilegbodu · ReactNext 2018
• 50mNavigating the React EcosystemBen Ilegbodu · All Things Open 2019
• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017
• 31mNavigating the EcosystemBen Ilegbodu · NationJS Frontrunners React 2019
• 52mBuilding Modern React ApplicationsGlenn Reyes · JS Fest 2019 Autumn
• 15mReact Best Practices in 15 SlidesGilles Debunne · DevFest Toulouse 2017