React Summit 2024
2024-06-14..2024-06-18
Amsterdam, Netherlands
[React Summit Remote Edition 2020, React Summit 2020, React Summit Remote Edition 2021, React Summit 2022, React Summit 2023, React Summit 2024, React Summit 2025, React Summit 2026]
who it's for
React developers, frontend engineers, full-stack engineers, framework authors, open-source maintainers, platform engineers, mobile developers
topics
React Server Components; Next.js App Router; streaming server actions; Suspense and streaming; Islands architecture comparisons; client component on-demand loading; React Native server-rendered views; integrating OpenAI/GPT with React; LangChain with JavaScript; retrieval-augmented generation workflows; performance benchmarking with Lighthouse
| title | author | length |
|---|---|---|
| Facing Frontend's Existential Crisis | Ryan K Carniato | 27m |
Compares concrete builds across frameworks using a Hacker News demo with 1500 comments and Lighthouse runs and reports that Islands drop execution and payload… | ||
| React 19 Panel Discussion | Ryan K Carniato, Evan Bacon, Sathya Gunasekaran, Tim Neutkens, Brooks Lybrand | link |
The talk revolves around React 19 and the React compiler, highlighting its new APIs, optimizations, and impact on frameworks like Next.js. The React compiler… | ||
| Ryan Carniato's QnA Room | Ryan K Carniato | |
-- no description -- | ||
| Why You Should Use Redux in 2024 | Mark Erikson | link |
I've always avoided trying to do sales pitches for Redux, and tbh most of my time has been spent telling people when they _shouldn't_ use Redux:) But I still… | ||
| The Suspense Quest - Inside React's Magic | Charlotte Isambert | link |
No more loaders, no more errors - Suspense has revolutionized the way developers handle asynchronous operations. But have you ever wondered what magic enables… | ||
| SolidStart 1.0: Peeking Under the Hood | Atila Fassina | link |
SolidStart is the full stack Meta-Framework from the SolidJS ecosystem. It brings multiple tools and libraries together in a composable fashion to offer highly… | ||
| Mark Erikson's QnA Room | Mark Erikson | |
-- no description -- | ||
| Charlotte Isambert's QnA Room | Charlotte Isambert | |
-- no description -- | ||
| Atila Fassina's QnA Room | Atila Fassina | |
-- no description -- | ||
| What’s New in Astro | Fred K. Schott | link |
What's next for Astro? Hear from Fred K. Schott (Astro co-creator, core maintainer) about the future direction for Astro's content-driven web framework… | ||
| Improve Your App Performance With Background Jobs | Sylwia Vargas | link |
This talk offers a gentle introduction to a new paradigm of durable workflows by walking the audience through a common use case: user onboarding email… | ||
| Invisible Hand of React Performance | Ivan Akulov | link |
Did you know introducing useEffect solved a whole class of performance issues? Did you know <Suspense> was designed to make hydration several times smoother… | ||
| Fred K. Schott's QnA Room | Fred K. Schott | |
-- no description -- | ||
| Hacking into Labeled Arrows | Aakansha Doshi | link |
Labeled arrows are one of the most widely used features when it comes to whiteboard, isn't it? In this talk, I will be deep-diving into the internals of… | ||
| Sylwia Vargas' QnA Room | Sylwia Vargas | |
-- no description -- | ||
| Building End-to-End Encrypted Apps (Web & React Native) | Nik Graf | link |
Building end-to-end encrypted applications is exciting, but also intimidating. This talk is designed to lower the entry barrier, offering a clear roadmap for… | ||
| Ivan Akulov's QnA Room | Ivan Akulov | |
-- no description -- | ||
| Case Study: Building Accessible Reusable React Components at GitHub | Siddharth Kshetrapal | link |
Twitter influencers would have you believe that if you just use the semantic html tag for elements instead of a div, your components will be accessible. but… | ||
| Aakansha Doshi's QnA Room | Aakansha Doshi | |
-- no description -- | ||
| Nik Graf's QnA Room | Nik Graf | |
-- no description -- | ||
| Siddharth Kshetrapal's QnA Room | Siddharth Kshetrapal | |
-- no description -- | ||
| Making State Management Intelligent | David Khourshid | link |
Managing state in React is complicated. Humans are even more complicated. As developers, it's our job to deliver seamless and intuitive user experiences, but… | ||
| Frontend Access Control Using Digital Assets | Solange Gueiros | 21m |
Claim: NFTs can gate frontend features by minting tokens that prove ownership; tools used are React/Next.js for the UI, Solidity and an ERC-721 contract… | ||
| Types Beyond TypeScript | Josh Goldberg | link |
Everybody seems to be talking about "types" these days. From the TypeScript language to type description utilities such as prop-types and Zod, developers… | ||
| David Khourshid's Room | David Khourshid | |
-- no description -- | ||
| Anthony's Roads to Open Source - The Set Theory | Anthony Fu | link |
Lessons I learned on my journey to working full time on open source, as well as tips for thinking and making open source projects more successful. | ||
| Solange Gueiros' Room | Solange Gueiros | |
-- no description -- | ||
| Growth Path | Rita Castro, Johannes Goslar, Konstantin Klimashevich | |
-- no description -- | ||
| Josh Goldberg's Room | Josh Goldberg | |
-- no description -- | ||
| Anthony Fu's Room | Anthony Fu | |
-- no description -- | ||
| Maintaining a Library and a Community | Mark Erikson, Kristopher Baumgartner, Bjarke Felbo, Mia Nasr Khneisser | |
-- no description -- | ||
| Technically Included (The Best Kind of Included) | Tom Raviv | link |
The design-development gap hurts your React projects: slower timelines, compromised quality, and repetitive handoffs. This talk explores the origins of this… | ||
| Remix — The New Create React App | Brooks Lybrand | link |
Create React App (CRA) was a game changer in garnering React adoption. Prior to the release of CRA, the experience of setting up a React app was more about… | ||
| Fetch Once, Render Everywhere: React Server Components in Expo Router | Evan Bacon | 21m |
Claims that React Server Components land in Expo Router to deliver server-rendered native views across iOS Android and web, using streaming server actions to… | ||
| Tom Raviv's Room | Tom Raviv | |
-- no description -- | ||
| Brooks Lybrand 's Room | Brooks Lybrand | |
-- no description -- | ||
| Future of Frontend Frameworks Fire-Side Chat | Fred K. Schott, Minko Gechev, Ryan K Carniato, Daniel Afonso, Aakansha Doshi, Tim Neutkens | link |
Signals are being adopted by popular frameworks, enabling code reuse and improved tooling. While merging between frameworks is unlikely, they are learning from… | ||
| Evan Bacon's Room | Evan Bacon | |
-- no description -- | ||
| From Websites to Games: The Future of React Three Fiber | Kristopher Baumgartner | link |
Web developers learn a lot of programming techniques in the pursuit of their career but often don't realize the depth of their own skill. React Three Fiber… | ||
| And Now You Understand React Server Components | Kent C. Dodds | 27m |
Builds a tiny framework that replaces JSON APIs with serialized RSC payloads and shows it actually working: no bundler, no TypeScript, uses createElement H… | ||
| Managing Ourselves Managing Each Other | Rachel Nabors | link |
In this talk you will learn timeless soft skills necessary to navigate interpersonal relationships with friends, coworkers, and reports. You will learn about… | ||
| First Comes Conflict, Then Comes Growth | Wisam Zaghal | link |
We all intend to grow and strive to make a bigger impact until conflict shows up. We view conflict as a negative thing that gets in the way of growth when it… | ||
| RSCs In Production: 1 Year Later | Theo Browne | 24m |
Upload Thing runs React Server Components with Next.js App Router in production after a year, deployed to Vercel and split between Lambda and an edge runtime… | ||
| Webdevelopment Tailored for 2024 | Andrzej Fricze | link |
Most developers closely follow the framework wars. So busy with these games, that we forget to check what new features HTML, CSS, and JavaScript offer us… | ||
| "React Now Looks Like PHP" They Said | Lukas Fischer | link |
This session aims to show JavaScript developers how PHP concepts, especially those honed in Drupal development, can enrich their approach to React… | ||
| Solving i18n for React Server Components | Loris Sigrist | link |
How the transition to React Server Components enables better internationalization solutions. | ||
| Superwebapps: Rethinking Desktop Applications With Progressive Web Apps | Nico Martin | link |
Progressive web apps describe a whole new set of browser features that enable completely new ways of interacting with web applications. While originally… | ||
| AsyncLocalStorage vs. React Context | Greg Brimble | link |
AsyncLocalStorage is a modern API which has landed in many JavaScript runtimes. It allows developers to pass a value to a callback function without needing to… | ||
| How Data Privacy Literacy Is Shaping Infrastructure | Meaghan Choi | link |
Cloud vs. local compute is used to be a purely performance or technical decision. But as our users become more privacy aware, the granularity of data and where… | ||
| QnA with Greg Brimble | Greg Brimble | |
-- no description -- | ||
| AI in Frontend | Rita Castro, Alfonso Graziano, Cat Johnson | |
-- no description -- | ||
| AI for React Developers: Opportunities, Learning, and Innovation | Alexandra Spalato | 09m |
Claims that React devs can become AI engineers without first mastering full data science by using APIs not retraining models, demonstrates Vercel AI SDK for… | ||
| Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner | Omar Diop | link |
Join me on a musical journey through the world of open source software as I share the story behind crafting from scratch an online guitar tuner with… | ||
| Introducing Waku: The Minimal React Framework | Daishi Kato | link |
Waku is an ongoing project aimed at developing a React framework with first-class support for React Server Components. In this talk, I will provide an overview… | ||
| Next.js: Reshaping Web App Architecture for Performance Excellence | Mia Nasr Khneisser | link |
Are you struggling to achieve optimal performance in your web applications? Are you unsure about how to effectively manage your application's routes while… | ||
| React in the Autonomous Robotics Industry | Hamza Haoui | link |
Too many people are wondering what a JavaScript developer is doing in a robotics company, but In an era where the intersection of software development and… | ||
| A Better Starting Point | Julius Marminge | link |
Setting up a project has previously been quite cumbersome including gluing libraries to work together. This talk will dive into revolutionizing project setup… | ||
| Empowering Nx with AI | Katerina Skroumpelou | link |
In this enlightening session, we'll unveil the pioneering integration of AI and ML within the Nx ecosystem. Discover how our cloud services are enhanced with… | ||
| Web Performance | Konstantin Klimashevich, Andrzej Fricze, Tiger Oakes, Thibaud Courtoison, Loris Sigrist | |
React's improvements in performance, such as the introduction of useEffect, have gone unnoticed. useEffect simplifies synchronizing logic and improves… | ||
| Why the Full-stack Framework of the Future is a DSL | Vince Canger | link |
Domain Specific Languages (DSL) are everywhere in web development, but these languages and their qualities often get taken for granted. HTML, Regex, CSS, and… | ||
| Ethical AI for the Rest of Us | Kathryn Grayson Nanz | link |
When you were a teenager, someone probably sat you down to explain “the birds and the bees”. For many, this was an uncomfortable topic; maybe even one that was… | ||
| The Art of Ignoring Best Practices for React Performance | Tiger Oakes | link |
Have you ever wanted to break the rules and be a React troublemaker? I’ll show you how ignoring React’s best practices can improve performance, all without… | ||
| Enhancing React Ecosystems with Observability: A Deep Dive into React with OpenTelemetry | Jan Peer Stöcklmair | link |
This talk will guide you through the integration of OpenTelemetry within React environments, emphasizing Server Side Rendering (SSR) and the innovative React… | ||
| Navigating Modern Frontend Innovations | Mrinalini Sugosh | link |
Between SolidJS, Qwik and React, there's been significant innovation in the frontend development landscape. Mrina Sugosh, DevRel Manager @ CK, aims to tie it… | ||
| Behind the Scenes of a Visual Regression Test | Chris Kalmar | link |
In our daily routines as frontend engineers, we diligently apply unit, integration, and end-to-end tests to our development processes. The primary goal of… | ||
| Full Stack Development Using Oracle 23ai | Doug Drechsel | 23m |
A working Oracle storage adapter for Parse Server connects Parse to an Oracle 23ai free Docker image running a pluggable database, enabling JSON development… | ||
| Art & Entropy: Introducing Chaos to Your Frontend | Thibaud Courtoison | link |
Chaos Engineering is a current trend which involves studying the behavior of a system in the face of external events that are often unlikely, but in this case… | ||
| Frontend Frameworks | Andrzej Fricze, Cat Johnson, Greg Brimble | |
-- no description -- | ||
| Nested Interactive Elements: A Nightmare in Accessibility | Cat Johnson | link |
There have been numerous remarkable new UX experiences developed over the years, such as cards displaying an array of products and clickable list items with… | ||
| Server-Driven Mobile Apps With React Native | Mo Khazali | link |
How do you create a scalable application with lots of different layouts, screens, giving enough flexibility to each team to customise without adding orders of… | ||
| Accessibility in 2024 | Chandra Carney | link |
We’ll cover the basics of how accessibility works in organizations and on teams, who is responsible for accessibility, how to push for changes without being an… | ||
| One Code to Rule Them All | Simon Grimm | link |
The dream of using React for Web, Mobile Apps and beyond becomes reality. Thanks to Expo Router, we can confidently use the same routing logic for web and… | ||
| The ABCs of Green Software & Sustainable IT | Saravanan K Nagarajan | link |
There has been a tremendous amount of focus on technology growth and not too much on Sustainable IT. With great computing power comes greater carbon footprint… | ||
| Animating React With Finesse! | Nikhil Sharma | link |
Animations are the heartbeat of captivating web experiences but wield them carelessly, and the enchantment fades into frustration. Join Nikhil on an… | ||
| React Jam and Why React Is Awesome for Making Games | Bjarke Felbo | link |
React started as a web rendering library, but its benefits and ease of use has made it find its way into many other domains, including now games! Yes, React is… | ||
| Creating Videos... With React! | Alfonso Graziano | link |
I bet you've always used React to build websites and applications, right? What if I told you that we can also edit a movie with it! Learn how a simple render… | ||
| OpenAI in React: Integrating GPT with Your React Application | Jesse Hall | link |
In this talk, the speaker demonstrates how to create an AI chat bot that can answer questions based on information it was never trained on. They build a basic… | ||
| Build a Powerful Datagrid With AG Grid | Brian F Love | link |
Welcome to the workshop! Today we'll be diving into AG Grid and React, covering features such as column definition, row data and sorting, cell rendering and… | ||
| Building Your Generative AI Application | Dieter Flick | link |
Welcome to this online workshop where we will build our own chatbot with generative AI. Datastacks provides technologies for implementing generative AI… | ||
| How to Build Front-End Access Control with NFTs | Solange Gueiros | link |
This workshop explores the concept of unlocking digital ownership through blockchain technology. NFTs are unique digital assets that provide transparency… | ||
| Integrating LangChain with JavaScript for Web Developers | Vivek Nayyar | link |
The workshop introduced various aspects of prompt engineering, including Retrieval Augmented Generation (RAG) which allows for shorter context length. It… | ||
| Build a Full Stack React Native App with Oracle 23ai | Doug Drechsel | link |
The workshop introduces a new stack from Oracle for building React Native apps, with a focus on JSON and NoSQL development against the Oracle database. The… | ||
| Building Your Own Custom Type System | Kunal Dubey | link |
-- no description -- | ||
| Llms Workshop: What They Are and How to Leverage Them | Nathan Marrs, Haris Rozajac | link |
This workshop introduced large language models (LLMs) and their implementation using C. The training process involves compressing a large amount of text into… | ||
| Unveiling Next.js Secret Sauce on the Edge | Mustafa Azim | link |
The workshop covered topics such as the edge network, zones, and cost optimization for portals and apps. Deploying functions on the edge network reduces… | ||
| Learn to Build on WEB3 Like It’s WEB2 | David Dal Busco | link |
Juno is a platform that replicates cloud serverless concepts on the blockchain, providing authentication, data storage, file storage, hosting, analytics, and… | ||
| Applying React Principles to a Cloud Database | Michal Srb | link |
React principles can break down for full-stack apps, but Convex has built a backend and database to address this. The five React principles discussed include… | ||
| Cross-Framework Libraries with Native Experiences Using React | Ray Luxembourg | link |
The talk discusses building cross-framework libraries using React to provide a superior experience for developers across different frameworks. The speaker… | ||
| nothing matches | ||