Name: React Summit 2025
Start: 2025-06-13T11:00:00.000Z
End: 2025-06-17T19:00:00.000Z

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.

React Query - Beyond the Basics

Dominik Dorfmeister

The State of React

Sacha Greif

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.

Blazing Fast Page Navigation with Speculation Rules

Medhat Dawoud

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

Bringing and Running AI Agents in the Browser

Shivay Lamba

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.

Improve Your Presentation Skills by Scripting Your Live Coding Demos to Perfection

Elio Struyf

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!

Building Full Stack Apps With Cursor Composer

Mike Mikula

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.

Modern React Architecture

Brad Westfall

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.

React in Patterns

Krasimir Tsonev

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.

Using React Without Using React

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.

Let's Fight: React Framework Showdown 🥊

Ankita Kulkarni

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.

Real-Time Multiplayer Gaming with React Native: A Reflex Game Case Study

Harshil Agrawal

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.

The AI Developer's Guide to Not Accidentally Summoning Skynet

Ramona Schwering

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.

The 2025 State of React Testing

Daniel Afonso

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.

Defensive Coding

Zbyszek Tenerowicz

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.

Scaling a React Application from 0 to a Brazilian Users

Neciu Dan

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.

Rusty Native Modules for React Native

Kræn Hansen

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 &amp; 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.

React Architecture and Best Practices

Petar Ivanov

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.

The Journey From React Frontend to Fullstack Development With Next.js

Eric Burel

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.

Beyond Maps: Crafting Immersive Geospatial Experiences with React and deck.gl

Marko Letic

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!

Whose Job is Animation?

Matt Colman

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.

React Beyond the Browser

Menahi Shayan

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?

Build You a Metaframework in 30 Minutes or Less

Darko Bozhinovski

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.

T3Boy: Making Accurate Game Boy Emulation Accessible with Next.js and WASM

Travis McGeehan

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.

Scaling React Apps with Parallelism: Patterns for Multi-Threaded UIs

Shubham Gautam

Coding assistants are already changing the way we develop code, and in several years they are expected to completely change how developers interact with code and write it. In this workshop, I'll share tips and best practices on using such tools as we develop the production-ready app with Zencoder.

Developing Production-Ready Apps in Collaboration With AI Agents

Alex Shershebnev

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?

How to React Compiler

Anton Nepsha

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

At the Top of the Pyramid: Playwright Testing at Scale

Kate Marshalkina

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.

TDD in Frontend

Aleksandr Shinkarev

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 for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets

Innocencia Ndembera

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.

My Heart Is in the Right Place, but the Dom Isn’t

Kyle West

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.

Security meets Usability: Crafting Dynamic and Granular Access Control Solutions

Samhitha Rama Prasad

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.

Building Cross-Platform Federated Modules With React, React Native and Re.Pack

Mike Grabowski

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.

Testing React Applications Like an Engineer

Austin Shelby

Formally Verifying a Router's Core Lifecycle

Manuel Schiller

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! 🚀

Delivering High-Quality Videos on Your ReactJS Website

Rahul Nanwani

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.

Validating the Web: The Evolution of Form Validation

Luis Oliveira

React Summit

I am attending the biggest #Reactjs conference remotely. You may get a limited free ticket (50% of talks, no workshops) and join me by clicking this badge.

#react #reactjs

React Summit is an annual conference on all things React, gathering thousands of Front-end and Full-stack engineers from around the world.

React Summit 2025

FocusReactive

Tiny

Hygraph

Sentry

ImageKit

CodeRabbit

Move faster with intuitive React UI tools

Sentry is essential for monitoring application code quality. From Error tracking to Performance monitoring, developers can see clearer, solve quicker, and learn continuously about their applications — from frontend to backend.&nbsp;

ImageKit's real-time image and video API helps optimize &amp; transform high-quality visuals on the web.

Media delivery & management for high-growth teams

CodeRabbit is an AI Code Reviewer that works with your existing tool chain like ESLint, Biome, and provides context-aware code review comments with 1-click computable suggestions.&nbsp;CodeRabbit is free for open source.&nbsp;

FocusReactive will help you architect, build, and lead technically advanced websites focusing on performance and scalability. Partners and <a href="https://focusreactive.com/next-js-expert-agency/" target="_blank" rel="noopener noreferrer">experts in Next.js/Vercel</a>, Storyblok, Sanity, Contentful, Shopify Hydrogen, and other Headless eCommerce platforms.Whether you seek <a href="https://focusreactive.com/headless-cms-expert-agency/" target="_blank" rel="noopener noreferrer">expert Headless CMS agency</a> services or an expert agency with deep experience with platforms like Headless <a href="https://focusreactive.com/react-cms/" target="_blank" rel="noopener noreferrer">React CMS</a> &amp; <a href="https://focusreactive.com/nextjs-cms/" target="_blank" rel="noopener noreferrer">NextJS CMS</a>, FocusReactive is the one to help you scale.

As a special perk, we're offering a complimentary&nbsp;<a href="https://focusreactive.com/nextjs-performance-audit/" target="_blank" rel="noopener noreferrer">NextJS audit</a> designed to pinpoint areas for optimization, improve performance, and ensure you're following the best practices for SEO and security.&nbsp; Our expert team will closely examine your implementation, provide actionable insights, and help you leverage the full power of NextJS.

React Summit 2025

The biggest React conference worldwide