Don't Rewrite, React!
summary
Argues for iterative migration: insert tiny React components into a running app rather than rewriting everything. Shows a working path — convert a profile form and a footer, mount them with react.render, pass props down and callback functions up, handle actions in-place, and compose siblings into larger components. Describes using react-router as a pure component and an async props loader to pause routing while fetching, and explains compatibility with Relay/GraphQL and old back ends.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 0:21Accessibility
- 2:47Straight lines
- 3:19Bring new tech into your stack
- 6:41React is on fire
- 7:10Dont rewrite
- 7:39Draft state
- 8:26New technology
- 11:21React Demo
- 11:51Backbone
- 13:21Footer
- 21:46Iterating
- 22:21GraphQL
- 23:21Cache
- 24:01React Router
- 25:16Data Dependencies
- 27:36Create Element
- 28:21Flex Implementation
- 29:21Real Example
related talks
28mBack to React: The Story of Two Apps
01h 04mWhat makes React different?
50mNavigating the React Ecosystem
34mI Heard React Was Good
10mHow to migrate 50,000 lines of code to React Server Components
24mIncremental rewrites with React, HTMX, and TanStack Start
24mReact Is Fiction
32mAnd Now You Understand React Server Components