Gateway to React: the react.dev story
summary
react.dev launches with a rebuilt site, interactive sandboxes powered by CodeSandbox and Expo, and a pedagogy of tiny challenges; the site ships 600 interactive examples, a hook-first tutorial flow, and translation/inclusivity features like “international tone” and culturally agnostic examples. Metrics show success: a 70% improvement in React Native thumbs up ratings, average page ratings near 85%, and roughly 8 million learners using the docs. The team uses Next.js, Docusaurus/Astro ideas, test-driven examples and JSDoc to keep API references accurate.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:05From animations to React
- 3:37Joining React team
- 4:39React Native docs first
- 9:56React Native launch impact
- 10:18Pandemic docs overhaul
- 13:03Visualizing React concepts
- 15:36Content team challenges
- 16:42Illustrations and sandboxes
- 17:46Interactive vs passive learning
- 19:32Testing new docs success
- 20:15Docs launch and migration
- 21:41Docs as human API
- 24:07Tips for building effective developer documentation
- 25:53Content over framework
- 26:36Docs with Diataxis
- 28:20Automating docs with comments
- 29:45Content design principles
- 31:09Q&A
related talks
13mGateway to React: the react.dev story
18mGateway to React: the react.dev story
26mReact Explained, Explained
30mDesigning with React
45mBuild Anything With React
59mOne Codebase to Rule Them All - Using React Native Everywhere
10mExploring React My Own Way
21mIntroducing React View: A Set of Tools that Closes the Gap between Users, Developers