The React Compiler Is OP and No One’s Talking About It

Talk: Tapas Adhikary - "React Compiler - The Missing Piece for Optimizing React Applications", React Day Berlin 2024 The talk will introduce you to the React Compiler, its architecture, the rules for using it, and the React 19 code base. We will learn the power of app optimizations by including React Compiler in an existing application. Lastly, we will get into the internals of the React compiler's compilation phases using the playground, and a few tips and tricks around it. Watch the full talk in 1080p on GitNation website: https://gitnation.com/contents/react-compiler-the-missing-piece-for-optimizing-react-applications Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings → https://gitnation.com/events/react-day-berlin-2024 Timestamps: 00:00 Introduction to React Compiler 01:45 Optimizations and Introduction to React Compiler 04:17 Introduction to React 19 and React Compiler 05:30 Working Principle of Compiler and React Compiler 08:24 React Compiler: Babel and ESLint Plugins 11:36 Product Page Hierarchy and Component Rendering 14:27 Optimizing Components with React Compiler 17:26 Configuring Babel and ESLint for React Compiler 19:44 React Compiler: Babel Plugin and In-Place Updates 22:31 React Compiler Playground and Code Analysis 24:44 Caching JSX and Configuring React Compiler 27:41 React Compiler Compatibility and Conclusion 🔥 Join us for React Summit 2025 in Amsterdam: https://reactsummit.com/?utm_source=youtube&utm_medium=social&utm_content=rdb_tapasddhikary React Day Berlin on X: https://x.com/reactdayberlin React Day Berlin on Bluesky: https://bsky.app/profile/reactdayberlin.gitnation.org React Day Berlin on LinkedIn: https://www.linkedin.com/showcase/react-day-berlin/ React Day Berlin on Instagram: https://www.instagram.com/reactday.berlin/ GitNation on TikTok: https://www.tiktok.com/@gitnationorg #ReactDayBerlin #ReactJS #GitNation