Forget About Memo
summary
A new React compiler installs via Babel plugin react-compiler from npm and adds automatic, finer-grained memoization that the demo shows on BlueSky (Expo app) for web and mobile. The compiler surfaces React DevTools badges, a VS Code visualization, an ESLint plugin and a health‑check script. A locally added dislike button using a ref violates React rules; the compiler lints it, skips optimizing that component but still memoizes the parent so performance gains remain.
AI-written summary · about
chapters (12)
- 0:00Introduction and setup
- 1:29React compiler overview
- 3:34Installing the compiler
- 6:02Verifying optimization
- 7:26Compiler output analysis
- 12:25Adding new code with compiler
- 16:25Compiler linting rules
- 22:30Fixing compiler violations
- 25:45Benefits of the compiler
- 28:14How the compiler works
- 31:44React's vision with compiler
- 32:35Q&A and closing
related talks
37mThe magic behind the React compiler
30mReact Compiler
28mStop Memoizing with “React Forget”
20mIn case you missed the memo
19mWhat's next for the React Compiler?
21mDid You Not Get the Memo? Signed, Atomic Design
20mExperiments with React Compiler in Production Code
19mLessons from adopting React Compiler