Navigating the React Solar System
summary
Start with React + ESNext and learn core React and JSX first; use create-react-app (npx) to bootstrap, React DevTools to inspect, and webpack or Rollup to bundle. For styling prefer emotion or styled-components; for routing prefer Reach Router; use fetch for AJAX. For forms choose final-form or Formik (Redux Form legacy). Test with Jest + Enzyme. For SSR pick Next.js or Gatsby (Gatsby for static sites). Use Redux or MobX for app state and Apollo GraphQL for API joins; Eventbrite moves from Backbone to React and runs a Node renderer in front of Django.
AI-written summary · about
chapters (51)
- 0:00Intro
- 2:00Squats
- 4:45Eventbrite
- 5:41Basketball
- 6:04React Solar System
- 7:00Learn React
- 8:27Imperative
- 12:46React Fundamentals Workshop
- 13:16React ES Next
- 14:24React ES Next Love
- 14:52Other Resources
- 15:07Mercury
- 16:28React Package Managers
- 18:22React Bundler
- 20:37React NPM scripts
- 21:58Static analyzers
- 23:36Flow
- 24:15React App
- 25:50Resources
- 26:01Styling
- 26:19Global CSS
- 27:15Component CSS
- 28:09CSS Modules
- 29:05Inline CSS
- 29:57Camel Case
- 30:17Inline Styles
- 31:31Emotion
- 32:32CSS
- 32:51React Modules
- 33:25React Single Page Apps
- 35:10React Router
- 37:48Forms
- 39:06Forms Libraries
- 41:52Asteroid Belt
- 42:31Jupiter
- 42:51Testing
- 44:02Enzyme
- 45:28Saturn
- 47:25Serverside Rendering
- 50:17React Helmet
- 50:43Uranus
- 51:32Flux
- 52:30Redux and MobX
- 53:56Immutability
- 55:01Seamless
- 55:26Neptune
- 56:00GraphQL
- 57:37Apollo
- 58:17How to Graph
- 58:29Quick TLDR
- 59:48APIs
