June 13 - 17, 2025
React Summit
Amsterdam & Online

React Summit 2025

The biggest React conference worldwide

Full remote ticket included with Multipass.
React Summit is an annual conference on all things React, gathering thousands of Front-end and Full-stack engineers from around the world.
React Query - Beyond the Basics
Jun 11, 7:00
React Query - Beyond the Basics
Workshop
Dominik Dorfmeister
Dominik Dorfmeister
In this workshop, we will dive deeper into features React Query has to offer. We will get an understanding of how React Query works under the hood as well as how to write React Query code that scales. Note: You should have prior knowledge about React Query if you attend this workshop.
Register
Blazing Fast Page Navigation with Speculation Rules
Upcoming
Blazing Fast Page Navigation with Speculation Rules
Performance optimization is critical to delivering fast and seamless user experiences in the ever-evolving web development landscape. This talk delves into the innovative use of speculation rules to enhance web loading times and overall performance. Attendees will gain insights into the principles and mechanisms behind speculation rules, learn how they predict and pre-fetch resources, and explore real-world applications and case studies demonstrating their impact. Join me to discover how speculation rules advance the limits of web performance optimization and how you can implement these techniques to create faster, more efficient web applications.
Building Cross-Platform Federated Modules With React, React Native and Re.Pack
Upcoming
Building Cross-Platform Federated Modules With React, React Native and Re.Pack
Module Federation lets you organize code into federated modules, dynamically loaded at runtime within a host application—a core mechanism behind Super Apps. On the web, this is typically handled with Webpack.Now, with Re.Pack as a Metro alternative, React Native supports it too. This allows existing native Super Apps to transition to React Native and enables truly cross-platform modules, letting developers use React and JavaScript without concern for where modules run.In this talk, we’ll explore these possibilities, best practices and real-world examples to help you build efficient, cross-platform Super Apps.
Bringing and Running AI Agents in the Browser
Jun 11, 12:00
Bringing and Running AI Agents in the Browser
Workshop
Shivay Lamba
Shivay Lamba
In the past few years, there have been a large number of generative AI use cases and adoption has grown increasingly. A large number of web and JS applications now leverage large language models (LLMs), vector search / RAG (Retrieval Augmented Generation) for building better user experiences. Now the tide is shifting, and we have entered the era of AI agents. This is a promising field which combines the different generative AI usecases and helps to simplify the process of interacting with Gen AI by essentially making agents act like humans and makes interactions feel more human like to solve problems in an automated fashion.In this workshop, while we give a quick over view of LLMs, RAG, we will dive deeper into concepts of AI Agents such has how one can leverage LLMs for specific tasks. How can we include tool calling / function calling in AI Agents. Thus showing how an AI Agent is a system that is capable of independently deciding which functions or data sources to used to efficiently execute users' orders.We will show how to develop an AI agent that runs purely on the browser vs running them using cloud.  This workshop is for javaScript developers, AI enthusiasts, and tech innovators who want to integrate the use of AI within web applications to create intelligent and interactive app experiences.
Table of contents:  1. Intro to the general landscape of LLMs, RAG2. What are AI Agents3. Core components of AI Agents4. How to build your first AI Agent with JavaScript5. Stack to build AI Agents in the browser with open source models
Register
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
Upcoming
Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection
Join Elio for a talk on mastering live coding demos. Learn to script your demos for seamless, error-free execution using Visual Studio Code and the Demo Time extension. Ideal for anyone performing live coding at conferences, webinars, or team meetings, this session will help transform your presentations from stressful to impressive.
Building Full Stack Apps With Cursor Composer
Upcoming
Building Full Stack Apps With Cursor Composer
Workshop
Mike Mikula
Mike Mikula
In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor.  Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development.  We will dive further in on how to fix hallucinations/ errors that occur, useful prompts to make your app look and feel modern, approaches to get every layer wired up and more!  By the end expect to be able to run your own AI generated full stack app on your machine!
Register
Modern React Architecture
Jun 18, 14:00
Modern React Architecture
Workshop
Brad Westfall
Brad Westfall
In this workshop we'll dive into the latest advancements in React and best practices for building modern React apps. We'll take a look at modern NextJS and React Router 7 Framework (aka Remix) along with React's new "React Server Components". We'll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.
Register
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
Upcoming
React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets
In this session, I will discuss how React can be a powerful tool for creating applications that are not only scalable and secure but also inclusive and impactful in emerging markets. Drawing from real-world examples, such as Sunga, a financial platform designed for the Malawian market, and Chip In Agriculture, a project that connects farmers with buyers, I will demonstrate how React’s flexibility and efficiency can drive innovation in sectors like agriculture and finance. Participants will gain valuable insights on building applications that prioritize accessibility, security, and community empowerment, and leave with actionable knowledge on how to apply these principles in their own projects to make a meaningful difference in underserved regions.
React in Patterns
Jun 11, 7:00
React in Patterns
Workshop
Krasimir Tsonev
Krasimir Tsonev
React and its ecosystem grows every year. New tools, new patterns, new concepts. This workshop covers the latest trends in the React development world. If you feel that you know how to use it but there is something more you could learn, this workshop is for you. We'll be going through the fundamentals, composition patterns, state management, styling workflows, routing, server-side rendering and components.
Register
Using React Without Using React
Upcoming
Using React Without Using React
Use React principles beyond React projects! Come to this talk to learn how to apply componentization, declarative programming, and reusability to general front-end JavaScript tasks. Elevate your skills and create scalable, maintainable codebases irrespective of the framework or library you choose.
Let's Fight: React Framework Showdown 🥊
Upcoming
Let's Fight: React Framework Showdown 🥊
Choosing the best framework is tough, isn't it? We've got Next.js, Remix, and a bunch of others thrown into the mix. So, let's keep it real in this talk—I'll be comparing three of the big contenders: Next.js, Remix, and one surprise package.We'll be looking at some key stuff like Data fetching, Routing, SEO, Performance, Server-side Rendering, and more. Think of it like a friendly showdown where these frameworks go head-to-head in a fair and square matchup.We'll dish out points and see who comes out on top, highlighting which framework rocks for different uses and helping you out with your next project. And hey, no favoritism here—I'll be keeping it neutral and backing it all up with real-world examples.
Real-Time Multiplayer Gaming with React Native: A Reflex Game Case Study
Upcoming
Real-Time Multiplayer Gaming with React Native: A Reflex Game Case Study
Building real-time multiplayer games in React Native presents unique architectural challenges. Through the lens of a reflex-testing game, this talk demonstrates practical solutions for state management, routing, and real-time synchronization. Developers will learn battle-tested patterns for handling complex game states and implementing responsive multiplayer features.
The AI Developer's Guide to Not Accidentally Summoning Skynet
Upcoming
The AI Developer's Guide to Not Accidentally Summoning Skynet
AI-powered development tools are excellent for helping us deliver code more quickly. However, based on my extensive experience in test automation and identity management, I've noticed that these tools can also introduce subtle security issues that might even impress Skynet.
In this session, I will discuss real-world examples where AI assistants have inadvertently worked against developers, highlighting cases of data leaks, supply chain attacks, and prompt injection vulnerabilities. You will learn effective strategies to identify AI-generated security issues before they impact you. After all, if Skynet ever awakens, let's ensure it isn't due to an untested AI-generated function that set it off.
React Architecture and Best Practices
Upcoming
React Architecture and Best Practices
In this talk, we will look into some timeless principles, guidelines, and best practices for building maintainable, scalable, and robust React Applications. We will combine software design and architecture essentials with React and learn how to architect better React apps. We will cover topics like Application Structure & Architecture, Component Design, Performance, and Testing. In the end, you will have a set of rules and guidelines, which you can apply immediately and improve the overall architecture and design of your applications.
The 2025 State of React Testing
Upcoming
The 2025 State of React Testing
Have we been stuck in the same testing pain loops for years? Even though it might seem like it, we haven't!Even if AI is now writing our tests, many React developers have faced numerous challenges, from the unclarity of test classifications to the struggle of mocking, long-running integration tests, and shifting everything to E2E tests.Let's recap everything that has happened in the past years and look into the present to explore what 2025 will bring for testing in the React world around test runners, testing libraries, mocking, production practices, and AI-based tools.
Defensive Coding
Jun 11, 12:00
Defensive Coding
Workshop
Zbyszek Tenerowicz
Zbyszek Tenerowicz
Malicious code is out to get you. Can you keep your app working as expected and hold on to your secrets? Come to this workshop and try!The entire workshop will be delivered as bite-sized hands-on exercises where increasingly advanced threats are presented and you get to defend. 
No matter if you're concerned with malicious npm packages or building software to run other people's code, techniques presented in this workshop can be used to isolate JavaScript at runtime and protect against prototype poisoning.
We'll explore techniques allowing cooperation with packages that intend to steal your secrets and mess with built-in functionality of JavaScript via prototype-poisoning.Another part of the workshop will focus on using tools to isolate code and scale the defensive coding practice up for larger codebases.
If you're not dealing with security-critical code, it's a great opportunity to expand your awareness of rarely explored areas of JavaScript knowledge.
Register
Formally Verifying a Router's Core Lifecycle
Upcoming
Formally Verifying a Router's Core Lifecycle
Scaling a React Application from 0 to a Brazilian Users
Upcoming
Scaling a React Application from 0 to a Brazilian Users
Starting a startup is one thing - scaling it is another beast entirely. In this practical, experience-driven talk, I'll take you through our two-year journey of building and scaling a JavaScript application from ground zero. Rather than theoretical concepts, you'll hear real stories about the technical challenges we faced and the solutions we implemented.
Rusty Native Modules for React Native
Upcoming
Rusty Native Modules for React Native
It’s now easier than ever to build and maintain Rust libraries for React Native - and I’ll show you how.I want to tell you the story of how we got here in the first place, motivate the benefits of Rust libraries in React Native, explain the difficulties of interoperating across native languages and show how the introduction of the NAPI binding in Hermes and the new Ferric build tool, brings the missing pieces for automatically generating performant type-safe prebuilt bindings of Rust libraries.My ultimate goal of this talk is to inspire you to build with Rust in your next React Native project.
The Journey From React Frontend to Fullstack Development With Next.js
May 27, 14:00
The Journey From React Frontend to Fullstack Development With Next.js
Workshop
Eric Burel
Eric Burel
Join us as we journey from React frontend development to fullstack development with Next.js. During this workshop, we'll follow along the official Next.js Learn tutorial with Eric Burel, professional trainer and author of NextPatterns.dev. Together, we'll set up a Next.js website and explore its server-side features to build performant apps.
Register
Beyond Maps: Crafting Immersive Geospatial Experiences with React and deck.gl
Upcoming
Beyond Maps: Crafting Immersive Geospatial Experiences with React and deck.gl
Unlock the potential of geospatial data by combining React and deck.gl to create immersive web applications. This talk will demonstrate how to transform complex datasets into interactive, high-performance visualizations that captivate users. Whether you’re working on urban planning, environmental monitoring, or storytelling, learn how to elevate your projects with cutting-edge mapping technologies.
React Beyond the Browser
Upcoming
React Beyond the Browser
This talk introduces you to unconventional places where React can be rendered to solve problems outside the the boundaries of your browser window. It speciically dives into Productivity Plugins and Embedded Systems.
Whose Job is Animation?
Upcoming
Whose Job is Animation?
Animation often sits in between design and dev. Sometimes a passionate designer will include animation guides into their Figma designs. If they don't, sometimes a passionate dev will take the initiative and throw in an animation of their own. Let's talk about how to make animation a first class citizen and include it in your design process.In this talk I'll cover some animation basics, WHY you should consider animation, examples of EFFECTIVE animations vs DISTRACTING animations, some WARNINGs about animations, the different TYPES of animation (css vs js, springs vs time based) and MORE!
Build You a Metaframework in 30 Minutes or Less
Upcoming
Build You a Metaframework in 30 Minutes or Less
Metaframeworks: you're probably using one already and may or may not love the experience - but what if I told you they aren’t rocket science?In this talk, we’re ditching the buzzwords and over-complication to build one from scratch—yes, you heard that right.Armed with Vite, Vinxi, Nitro, a pinch of vanilla JavaScript, and a healthy dose of curiosity, we’ll piece together the routing, rendering, and all the essentials you’ve been letting metaframeworks handle for you.Expect aa crash course in understanding the tech you use every day. By the end, you might just be asking: Should I just roll one myself? Aand no, you shouldn't. But it's sure fun building one and understanding what makes them tick, no?
T3Boy: Making Accurate Game Boy Emulation Accessible with Next.js and WASM
Upcoming
T3Boy: Making Accurate Game Boy Emulation Accessible with Next.js and WASM
TiKevin83 details how he used next.js and webassembly (WASM) to port a speedrun-accurate Game Boy emulator onto the web. Topics include using emscripten to compile a C library into a WASM module, interfacing with a WASM module from a Next.js site, video and audio playback onto the canvas and audio APIs from a WASM module, and nuances of web control schemes especially in implementing multi-touch input.
Delivering High-Quality Videos on Your ReactJS Website
Upcoming
Delivering High-Quality Videos on Your ReactJS Website
Video is the most powerful and engaging content format currently on the web. With mobile-first experiences becoming the norm, users expect high-quality, smooth video playback, whether they're watching on a fast Wi-Fi connection or a spotty mobile network.However, delivering optimized video content is not easy. Challenges like adaptive streaming, efficient compression, fast loading times, and responsive playback make it tricky to balance quality and performance. This lightning talk will focus on implementing adaptive bitrate streaming in ReactJS to ensure videos play seamlessly on mobile and on-the-fly thumbnail generation to enhance user experience—all with minimal setup! 🚀
Validating the Web: The Evolution of Form Validation
Upcoming
Validating the Web: The Evolution of Form Validation
Discover how modern form validation techniques are revolutionizing React development. This talk explores the transition from traditional methods to innovative, unit testing-inspired frameworks that streamline validation logic. Learn how to leverage declarative syntax and framework-agnostic solutions to enhance user experience and maintainability in your React applications. Gain practical insights into managing state and asynchronous validations for robust and scalable solutions.
Testing React Applications Like an Engineer
Upcoming
Testing React Applications Like an Engineer
As our React applications grow, so do the challenges of maintaining bug-free code. Crafting a reliable test suite can be a daunting task, often plagued by flakiness and complexity. In this talk, I’ll break down a practical, engineering-first approach to writing tests that actually make development smoother. We’ll dive into the best ways to integrate Playwright with React, ditch outdated testing mindsets, and adopt strategies that ensure your app works as expected—without the headaches. Expect real-world examples, actionable takeaways, and a fresh perspective on testing that might just make you enjoy it.
My Heart Is in the Right Place, but the Dom Isn’t
Upcoming
My Heart Is in the Right Place, but the Dom Isn’t
An enthusiastic look at some real-life horror stories of accessibility gone wrong. Learn accessibility best practices by examining cases where some people (myself included) built the right things the wrong way. Some customers were simply confused, while others literally became nauseous of what was built. Come learn from (my) mistakes while having a good laugh.
How to React Compiler
Upcoming
How to React Compiler
It's been several months since the release of React Compiler Beta, but for some reason there are hardly any talks describing this tool in all depth.I mean, what are those dozens of tabs on the React Compiler Playground website? How does those 30+ environment flags work? And most importantly, can it affect my React website in production and can I benefit from utilizing all of these settings and tools?Let's dive deep (and I mean really deep) into the React Compiler source code and see how flexible this tool is and what are the challenges of working with it?
Scaling React Apps with Parallelism: Patterns for Multi-Threaded UIs
Upcoming
Scaling React Apps with Parallelism: Patterns for Multi-Threaded UIs
Unlock the full potential of modern web applications with multi-threaded architectures in React. This session explores strategies for leveraging Web Workers and OffscreenCanvas to parallelise data processing, heavy computations, and UI rendering. We'll discover how to create interfaces that are scalable and unrestricted by conventional JavaScript bottlenecks.
TDD in Frontend
Upcoming
TDD in Frontend
Workshop
Aleksandr Shinkarev
Aleksandr Shinkarev
Tests first, code last!How to develop your frontend that the code isn't falling apart? How to make it scary free to deliver your work results? How to battle bugs that are chasing you at every step you make?I am going to answer these questions during the workshop and show how to follow TDD at React applications.To showcase the approach I am going to use Cypress, React, MobX, and even Dev Containers. These tools can be replaced by others that are in use in your projects today. Here and now tooling is not so important.In spite of the title the workshop is going to be useful not only for frontend developers. You can benefit from it even working in a different area of development because the key here is a mindset of how to make reliable applications through testing.
Register
At the Top of the Pyramid: Playwright Testing at Scale
Upcoming
At the Top of the Pyramid: Playwright Testing at Scale
Discover how we tackled the common challenges of a large E2E test suite and made our React codebase easier to refactor.In the past year, we went from zero to 20,000 lines of Playwright tests, pushing its capabilities beyond basic end-to-end testing. This talk will explore the challenges we encountered as we scaled our Playwright setup and how we solved them, thanks to the robust ecosystem and team creativity.The talk covers:- Testing approaches and where common tools fit on the testing pyramid- Challenges scaling E2E test suites: performance, flakiness, ownership, mocking and more- How we solved these challenges to unblock refactoring a large React codebase- Advanced Playwright tips and tricks
Security meets Usability: Crafting Dynamic and Granular Access Control Solutions
Upcoming
Security meets Usability: Crafting Dynamic and Granular Access Control Solutions
As applications scale in complexity, managing user permissions becomes a growing challenge. Without a structured approach, permissions quickly become a tangled mess of if-else statements, leading to poor maintainability and scalability. While Role-Based Access Control (RBAC) provides a strong starting point for managing user access, it may not offer the level of granularity needed as your app evolves. To gain finer control over who can perform what actions, on which objects, and under what conditions, the Attribute-Based Access Control (ABAC) model, recommended by OWASP, becomes invaluable.
In this session, we’ll explore two practical approaches to building a scalable permissions system in React. First, I'll introduce CASL, a popular ABAC library that simplifies fine-grained access control. Then, I'll walk you through creating a custom permissions system from scratch, offering insight into designing a solution that fits your app’s needs.
Throughout the session, I'll conduct detailed code walkthroughs for both approaches, covering key concepts like optimized state management, custom hooks, and caching/conditional queries using Redux Toolkit. You’ll learn how to implement these strategies to create a clean, efficient, and maintainable permissions framework.
By the end of the session, you’ll have a solid understanding of how to implement scalable permission systems in React, whether you choose a pre-built solution like CASL or build your own.
Prioritizing Architecture Over Framework in Web Development
Upcoming
Prioritizing Architecture Over Framework in Web Development
What if the architecture of our web applications wasn't solely about technological choices? Many backend architecture practices could be relevant in the frontend but remain underutilized. These practices capitalize on how our brain functions to enhance efficiency. Since we spend over 70% of our time reading code, developing the ability to read more efficiently, achievable through solid architecture practices, would be advantageous.