Just Add Forget: The Magic of React 19’s Compiler

React is a UI library that people have been using for over a decade to build optimized, fast, and production-ready apps. React has continuously updated itself throughout this time to provide the best experience. With this consistency and dedication, the React team has released the 19th version, which includes many new features, such as new hooks, a new way of form submission, server components, and more. But, one notable addition is React's own open-source compiler.

Yes, React 19 introduces the React 19 compiler, which we can also call a React forget, which empowers developers to build production-ready apps with more optimization, flexibility, and less manual work. In this talk, we will discuss everything about the React 19 Compiler. We will cover:

• What is React Compiler?
• What’s the architecture of it?
• What features is it going to bring?
• How to use it?
• And, how it is working behind the scenes

React 19 promises to optimize React with less manual coding. This means we no longer need to use React.memo or useMemo() for app optimization. We’ll explore how the React compiler helps us improve optimization with React.

Instead of just focusing on “what” React Compiler brings, we will focus on “why” to even use React compiler, we’ll discuss:

• Why to use it?
• Why do we not use React.memo or useMemo()?
• How it enables React to do something that wasn't possible before.
• How it helps developers write less code.
• How does it improve the overall architecture of the application?

By covering all these topics, the community will get a better understanding of why they will use React Compiler and how writing code in React will become more flexible.

Demos

All these topics will be covered through live coding in React 19, code walkthroughs, and short code snippets. This talk will give you a clear understanding of the React 19 compiler. The talk focuses on every aspect of the React 19 compiler to ensure that you get the most out of it.