Build-Time Magic: How the React Compiler Supercharges Your App

React developers have long juggled React.memo, useCallback, and useMemo to squeeze performance out of their apps. Imagine a compiler doing that work for you automatically at build time. The React Compiler promises exactly this: fine grained memoization with zero code changes.

In this talk, I will demystify the React Compiler, explain how it works, and show real before-and-after results that prove the gains are tangible. You will learn how to adopt it safely, measure its impact in your own app, and avoid common pitfalls. With live coding and side-by-side demos, I will show how a single config flag can take an app from sluggish to snappy without touching a line of component code.

Why This Talk Matters:

• The React Compiler has recently turned stable, teams are starting to adopt it in their codebases now.
• Attendees get a clear benchmarking workflow to measure impact in their apps.
• Live profiler demos reveal the compiler’s optimizations in action.

Key Takeaways:

• What the React Compiler does and how to enable it.
• How to benchmark before/after performance with tools like Lighthouse and React Profiler.
• Real-world demos showing fewer re-renders, smaller bundles, and faster UIs.
• When manual optimizations are still needed, and how to spot them.