React has changed a lot in the last year: React 19, 19.1 and now 19.2 brought a stable React Compiler, new hooks like useEffectEvent, the <Activity /> API, and better SSR primitives such as Partial Pre-rendering. And more

In this talk we’ll take a demo React app that’s full of effects, memoization and “old school” patterns, and modernize it step by step

React has changed a lot in the last year: React 19, 19.1 and now 19.2 brought a stable React Compiler, new hooks like useEffectEvent, the <Activity /> API, and better SSR primitives such as Partial Pre-rendering. And more

In this talk we’ll take a demo React app that’s full of effects, memoization and “old school” patterns, and modernize it step by step.

In a web app, the enemy of performance isn't bad algorithms — it's bloat. From loading the least data and JavaScript to re-rendering the fewest components in response to changes in state, the most performant apps are the one that do the least. But it's often hard to maintain a small bundle while iterating on features.

Enter Isograph, the framework for building data-driven React apps. It leverages a compiler to provide great DevEx and performance, right out of the box.

In this talk, find out how Isograph lets you:

• load component JavaScript and data only when needed, for example when the user is about to scroll to them
• load components (such as a VideoViewer) only if an item of that type (a Video) is returned from the server, and
• defer loading parts of your component tree, without server support.

And the cherry on top? We're doing it all in userland. 😎

But wait, there's more! We'll also show how Isograph re-renders the absolute minimum of components and garbage collects data that's no longer needed, allowing your app to stay consistently performant. So let's prove the old adage: less is more performant.