React Compiler: Enhancing Developer Experience Without Compromising Performance

The React Compiler era is upon us! React developers finally get their very own React Compiler. Its main goal is to reduce the stress of manual memoization, which is not always intuitive and oftentimes cumbersome.

React Compiler is still experimental. However, it does not mean that we, as React developers, cannot experiment and play around with it to see how it helps us. Luckily for us, it was open sourced by the React Core team in May, so that we can have a closer look.

In this talk, we will explore the React Compiler and its transformative impact on web development. We will have a look at how React Compiler assists developers, and what it does under the hood to the JSX code. Additionally, we will have a look at how React Compiler behaves on a real codebase.

Vorkenntnisse

intermediate knowledge of React

Lernziele

• Re-renders in React
  
• Manual memoization and its pitfalls
  
• React Compiler internals
  
• Behavior of React Compiler on medium-scale React app