Forget About Memo
summary
React’s experimental compiler ships as babel-plugin-react-compiler on npm and drops into an Expo app (Blue Sky) with a few lines of config, working on web and mobile out of the box. It auto-memoizes JSX and hooks, removes manual useMemo when it can, and shows diagnostics via an ESLint plugin and a health-check script. Demo adds a local “dislike” button, shows the compiler skips components that break React rules but still memoizes parents, and the change proves resilient during navigation.
AI-written summary · about
chapters (15)
- 0:00Introduction and setup
- 1:29React compiler overview
- 3:12Installing the compiler
- 6:02Verifying compiler optimization
- 8:28Understanding compiler output
- 12:25Adding new code with compiler
- 15:42Fixing unnecessary renders
- 18:10Compiler rule violations
- 22:30Resolving compiler warnings
- 25:04Cross-platform benefits
- 25:45Adoption and developer experience
- 27:30Compiler rules and linting
- 28:56How compiler optimizes
- 31:44React's vision with compiler
- 32:35Resources and closing
related talks
37mThe magic behind the React compiler
28mStop Memoizing with “React Forget”
30mReact Compiler
20mIn case you missed the memo
19mWhat's next for the React Compiler?
20mExperiments with React Compiler in Production Code
21mDid You Not Get the Memo? Signed, Atomic Design
09m2025 10 04 27 ILDA NETA CONGRESO REACT ALICANTE The international React js conference in Spain