ReactNext 2025

A major shift is taking place in frontend programming that is mostly going unnoticed: the comeback of RPC (Remote Procedure Call). Leading frameworks, such as React, Qwik and Solid are embracing RPC as the preferred mechanism for accessing backend services and data from the frontend in the form of server components, server actions, and server functions. This is surprising because RPC used to be big in the 90s but fell out of favor when the Web took off, replaced by protocols such as REST and GraphQL. Now RPC is back and replacing these protocols instead. What’s driving this resurgence? Why is it happening now? What’s its impact on the way we implement frontends? In this talk I will answer these questions and explain how to achieve the benefits of RPC, avoid its limitations and make the most from this technological comeback.

Add to Calendarcalendarcalendarcalendarcalendar

TypeScript has been tremendous in helping developers scale out for large codebases. But as more and more code has been written, build times, editor responsiveness, and memory usage have become a problem for large teams. The TypeScript team recently announced an ambitious new effort in porting the compiler and toolset to a natively compiled language: Go. The project is already far along! So how did we get here, how have we made such great strides, and when can people start using it? We'll showcase the current state of the project, answer those questions, and talk about what it means for you and your team.

Add to Calendarcalendarcalendarcalendarcalendar

What tremendous shifts might you have missed in the React testing world over the past two years? Allow me to walk you through colorful features that tell the story of a new world of testing. We’ll focus on important and exciting: Vitest 4 'browser mode', the new StoryBook test runner, new ways to check contracts and mock APIs (MSW source!), intriguing new testing libraries, mature AI-based tools, and everything else to prepare you for writing better tests in 2026. Don't like theoretical talks? This one is for you

Add to Calendarcalendarcalendarcalendarcalendar

Step into the React kitchen for a live coding session that serves up the framework’s lesser-known ingredients. From forgotten hooks to underused core APIs, we’ll explore techniques that spice up your components in unexpected ways. No spoilers! just bring your curiosity and an appetite for surprises.

Add to Calendarcalendarcalendarcalendarcalendar

React Server Actions change how we handle state and interactivity by shifting more work to the server. Join us for a live coding session where we'll take an existing React application and refactor it together to use Server Actions and Server Components, exploring a few different ways to implement them.

We'll cover both the underlying concepts and the practical stuff: initial data loading, managing client state, handling forms, and building interactive features. It’s a hands-on look at how these tools work and how to integrate them, improving our developer experience while keeping our UIs snappy.

Add to Calendarcalendarcalendarcalendarcalendar

Stop coding CSS like a developer—the key to scalable CSS architecture is thinking like a designer!

CSS architecture involves naming conventions, design patterns, and organization strategies that make CSS scalable and maintainable. Many developers mistakenly think that writing good CSS depends on the latest trendy framework, but the reality is much simpler. The key to maintaining CSS effectively—especially as teams grow—is leveraging design tokens.
When design tokens are done correctly, you can achieve a better look and feel, seamless theming and white-labeling support, improved accessibility and responsiveness, and most importantly: implementations that actually match the original design with minimal friction.

Add to Calendarcalendarcalendarcalendarcalendar

Stop adding "use client" prematurely!

In this live-coding session, we will see some advanced React Server Components patterns that will help us unlock the hidden new features of React, by streamlining server and client communication.

We'll consume paginated APIs, leverage Suspense and streaming to update already-rendered components without "use client", and granular client-side data fetching that is search-engine optimized with great performance.

Add to Calendarcalendarcalendarcalendarcalendar

What would it take to build your own game from scratch? This case study will walk through the earliest phases of the game development process—from initial animation prototypes to custom character assets. Then we’ll dive deep into state machines, exploring why they’re ideally suited for coordinating gameplay mechanics, animations, audio, and overall game flow. You’ll learn practical strategies for managing XState v5 actors within a React app and testing them effectively. Join me as we blend familiar dev tools with creative design, stateful architecture, and a whole lot of fun!

Add to Calendarcalendarcalendarcalendarcalendar

In React we typically manage component behavior using props and state. But what if we need to expose controlled access to a component’s internal logic? This is where useImperativeHandle comes in, probably one of React’s most underrated yet powerful hooks.

In this talk, we’ll take a culinary and technical journey to understand how to turn our components inside-out, just like Japanese chefs.

What You’ll Learn:
- Why useImperativeHandle exists and how it changes the way we design component APIs
- Best practices and common pitfalls to avoid
- Advanced use cases: building flex components, working with third-party libraries, and more

Join me to learn how to roll your React components just like a perfect Inside-Out Sushi - elegantly, efficiently, and with a well-balanced API.

Add to Calendarcalendarcalendarcalendarcalendar

Disney's legendary 12 principles of animation have shaped the way we bring characters and motion to life. But what if we applied them using only CSS? In this talk, we'll explore how these timeless animation techniques can be recreated with modern CSS. Through live examples and practical demos, you'll see how to add depth and personality to your transitions and interactions, and hopefully, you'll be inspired to push the boundaries of CSS animations!

Add to Calendarcalendarcalendarcalendarcalendar

What if a user could unlock premium content, get admin privileges, or skip your paywall — all with just a browser console?

In modern frontend development, we rely on browser storage for user experience, performance, session management, and more. But those same tools — localStorage, cookies, sessionStorage, and friends — can open the door to real-world security breaches.

This talk exposes the hidden risks of client-side storage through real examples of how attackers (and sometimes just curious users) took advantage of sloppy storage handling to hijack apps, steal data, and bend logic in unexpected ways.

No advanced skills required. Sometimes, all it takes is DevTools and a spare minute.
And with AI becoming part of our frontends — the attack surface is only growing.

By the end, you’ll probably rush to check what your app is leaving behind in your users’ browsers.

Add to Calendarcalendarcalendarcalendarcalendar

Step into the future of React development with the revolutionary React Compiler.
In this session, I’ll show how the compiler’s advanced optimizations eliminate the need for traditional performance hacks like useMemo, useCallback, and memo—allowing you to truly "forget" about them.

Learn how compile-time transformations optimize rendering, reduce runtime overhead, and simplify your codebase, all while enhancing the overall developer experience.

Whether you're curious about the inner workings of the compiler or eager to streamline your development process, this talk offers actionable insights into the transformative benefits of React Forget.

Key Takeaways
- Eliminate Boilerplate Optimizations: Discover how the React Compiler removes the need for useMemo, useCallback, and memo, reducing code complexity.
- Enhanced Performance: Understand how compile-time optimizations translate into faster rendering and lower runtime overhead.
- Streamlined Development: Learn how these innovations simplify debugging and testing, making your workflow more efficient.
- Practical Integration: Get actionable strategies to integrate compiler-driven techniques into your projects.

Add to Calendarcalendarcalendarcalendarcalendar

In today's fast-paced development landscape, efficiency is key. At Cyera, we leveraged CursorAI to automate the creation of UI components in our React design system, significantly reducing development time while maintaining high-quality standards.

In this talk, I’ll walk you through how AI-assisted coding reshaped our workflow, from generating component templates to enforcing consistency across our design system. Expect real-world examples, live demos, and insights into how CursorAI-driven automation can scale development, reduce repetitive tasks, and let developers focus on innovation.

Join me as we explore the intersection of AI, automation, and React—and see how you can bring this efficiency boost to your own projects!

Add to Calendarcalendarcalendarcalendarcalendar

Navigating large-scale changes in a codebase can be daunting—hundreds of files, numerous breaking changes, and the ever-present risk of human error. But what if you could automate this process and transform it from a nightmare into a seamless operation?

In this session, we'll dive into the world of codemods and Abstract Syntax Trees (ASTs), powerful techniques that enable precise and efficient code transformations. Through a compelling real-world case study, I'll showcase how we tackled a major version upgrade involving 70 breaking API changes in a large React project—and completed the migration in just 3 whopping minutes (!), but the benefits of codemods extend beyond major upgrades. They can revolutionize your day-to-day development by automating repetitive tasks and ensuring code consistency at scale. By the end of this talk, you'll walk away with practical insights and tools to integrate codemods into your workflow, making large-scale changes faster, safer, and more reliable.

Add to Calendarcalendarcalendarcalendarcalendar

Your React app is slow, and, yes, it’s kind of your fault. But don’t worry - you didn’t sabotage it all at once. You’re not in this alone though. To crack this case, we’ve invited some of the world’s greatest detectives to help uncover the culprits behind your app’s sluggish behavior.React makes it all too easy to unknowingly sabotage performance, with sneaky pitfalls like over-rendered components, re-created references, and sneaky state updates lurking in your code. These issues are elusive and often invisible to the untrained eye - until your app grinds to a halt.
In this session, you’ll think like a detective, learning how to spot red flags, interrogate your codebase, and identify common causes of performance woes. With tools, methodologies, and actionable strategies at your disposal, you’ll solve the mystery of what’s slowing down your React app. Whether you’re an experienced developer or just getting started with React, you’ll walk away with practical techniques to stop sabotaging your app’s performance - and maybe even your sanity.

Add to Calendarcalendarcalendarcalendarcalendar

Designers dream big. Developers think in edge cases. Somewhere in between, great products are built - but not without friction.

In this talk, we’ll share a dialogue between a full-stack developer and a UX/UI designer about where things break down, why miscommunication happens, and how to close the gap. You’ll leave with practical tools, shared workflows, and simple mindset shifts to help your team speak the same language, move faster, and build products users truly love.

Add to Calendarcalendarcalendarcalendarcalendar

Rendering high-quality animations has never been trivial, and in today’s world, when performance is key and file sizes might be hazardous when too big, a solid format and an efficient renderer must be used for these animations. Lottie has always been a wonderful solution, but it seems a new generation of formats was created! In this talk, we will dive into the evolution that started with Lottie and continued with Rive. We will see the advantages of Rive over Lottie as I have seen from my own experience as a Front-End Developer.

Add to Calendarcalendarcalendarcalendarcalendar

Most React apps still use hard cuts between pages — even in 2025.

The View Transitions API enables smooth, browser-native animations across routes, layout changes, and UI states without heavy animation libraries.

This talk shows how to bring View Transitions into React and Next.js apps, highlighting the challenges of integrating them into SPAs. You’ll come away with a clear understanding of how you can leverage the API to create the transitions, when and how to hook into navigation, and see how we can create smooth, polished UX using native web capabilities.

Add to Calendarcalendarcalendarcalendarcalendar

AI isn't here to steal your job—it’s here to make you rusty. The real threat isn't replacement; it's developers losing their edge by blindly trusting machine-generated code. AI code is like a junior developer with CEO-level confidence: bold but needing serious supervision. I'll share a real-world story of transforming a React component to React Native using AI, showing how to keep your skills sharp by tackling small, testable tasks while keeping code clean and on point. Want to stay relevant? Time to read, test, and critique code like a pro.

Add to Calendarcalendarcalendarcalendarcalendar

Still scratching your head with how you're going to change the props just right so the little feature you're about to implement won't break anything?

No more!

In this session we'll learn how to write scalable components that can handle (infinitely) multiple variations of data and actions that are type-safe, future-proof, and easily extensible.

We'll discover the power of Tagged Unions and Factory Components using modern programming concepts and TypeScript.

Add to Calendarcalendarcalendarcalendarcalendar

Think 3D is complex? Not anymore! With react-three-fiber, adding 3D to your React projects is easier than you think. In this talk, I’ll show you how to get started with zero prior 3D experience, covering scene setup, essential concepts, and even adding physics. Whether you’re curious about 3D or want to enhance your UI with stunning visuals, this session will give you the tools—and confidence—to bring your ideas to life!

Add to Calendarcalendarcalendarcalendarcalendar

React has taken a strong turn in the direction of metaframeworks and SSR. These metaframeworks provide a layer of abstraction that aims at improving both DX and UX at the same time.
This abstraction is so good, maybe even too good. These days React devs can easily find themselves asking questions like "where does my code run?" or "in what order does my code run?".
In this talk we're not going to discuss a specific framework like Next.js or Tanstack Router- instead we're going to focus on React and React only.
The purpose of this talk is to walk through the small details to the big picture. From going under React’s hood- how do SSR and CSR really work, what HTTP limitations do we face, what are the common pitfalls and misconceptions.
To the big picture- WHY is React heading in this direction.

Add to Calendarcalendarcalendarcalendarcalendar

We all know caching can speed up our apps - but most developers think of CacheStorage as a tool for storing assets like images, scripts, and stylesheets. What if I told you that the real power of CacheStorage lies in API response caching?

By intelligently storing and serving HTTP responses directly from the browser, we can significantly reduce server load, eliminate redundant network requests, and deliver near-instant data retrieval - all while keeping the cache fresh and up to date. This means faster page loads, better offline support, and a smoother user experience without sacrificing real-time data accuracy.

After implementing this approach in three different companies - and seeing firsthand how it dramatically improved load times, reduced backend strain, and made the app feel instantly responsive - I want to share the key strategies that make it work.

What You’ll Take Away:
✅ How CacheStorage API works and why it’s better than LocalStorage or IndexedDB for API caching
✅ How to cache API responses and serve data instantly without hitting the network
✅ Smart strategies for cache invalidation, versioning, and dynamic updates
✅ How to integrate CacheStorage with React Query / SWR for even better performance
✅ Real-world examples of how caching API responses can make your app feel native-fast

If you’ve ever struggled with slow API responses or unnecessary network calls, this talk will show you how to take control of caching and make your React app feel lightning-fast.

Add to Calendarcalendarcalendarcalendarcalendar