React Summit US 2024
who it's for
React developers, front-end engineers, framework authors, full-stack engineers, tooling engineers, engineering managers, accessibility engineers
topics
React Server Components; Out-of-order streaming; React Compiler optimizations; React 19 migration strategies; Next.js multi-tenant applications; React DevTools enhancements; React Native JSI native modules; AI-powered developer tools; Accessibility testing for components; Feature flagging with server components
| title | author | length |
|---|---|---|
| Abracadabra: The Vanishing Network | Kent C. Dodds | 28m |
Demo claims network complexity can practically vanish by using React Server Components and Actions and demonstrates that with a working counter app migrated… | ||
| Kent C. Dodds' Room | Kent C. Dodds | |
-- no description -- | ||
| Out Of Order Streaming (The Secret Powering Modern React) | Theo Browne | 19m |
Claims that Out Of Order Streaming is the practical trick behind modern React and demonstrates it with runnable demos: server streams partial HTML, a tiny RC… | ||
| Maintaining a Library and a Community | Mark Erikson | link |
Anyone can publish a library to NPM. But what happens when that library is used by millions of developers? How do you juggle the complexities of publishing one… | ||
| Theo Browne's Q&A Room | Theo Browne | |
-- no description -- | ||
| Mark Erikson's Q&A Room | Mark Erikson | |
-- no description -- | ||
| Everything You Need to Know About React 19 | Shruti Kapoor | link |
React 19 introduces Actions, a new way to simplify form management by simplifying form handling, adding loading states, and making data retrieval easier. This… | ||
| AI and Accessibility: We Got a Lot to Talk About | Cat Johnson | link |
In the rapidly evolving landscape of technology, Artificial Intelligence (AI) stands out as a game-changer our industry. But what are the implications for… | ||
| Shruti Kapoor's Q&A Room | Shruti Kapoor | |
-- no description -- | ||
| Cat Johnson's Q&A Room | Cat Johnson | |
-- no description -- | ||
| Practical AI | Joran Quinten, Michael Chan, Cat Johnson | |
I'm excited to talk about React UI accessibility on TV. Enact is a React-based framework designed for TV UI components. Keyboard navigation is the minimum… | ||
| Chrome DevTools: State of the Union 2024 - Debugging React & Beyond | Addy Osmani | 27m |
Live demos show a new Gemini assistant in DevTools that edits CSS and explains errors from console context, plus AI queries against sources, network and flame… | ||
| How to Make a Game With React | Kristopher Baumgartner | link |
We make websites with React. We make apps with React. But how do we make games with React? In this presentation I will build up show you how to build up a… | ||
| Addy Osmani's Q&A Room | Addy Osmani | |
-- no description -- | ||
| Kristopher Baumgartner's Q&A Room | Kristopher Baumgartner | |
-- no description -- | ||
| Panel Discussion: Future of React | Kent C. Dodds, Shruti Kapoor, Mark Erikson, Eli White, Mofei Zhang, Theo Browne, Tom Occhino | link |
We're going to be doing a future of React panel discussions. React 19 is in RC stage and we're excited to hear when it will be stable. The React compiler is… | ||
| An App Developer's Guide to React 19: What You Need to Know and Everything You Can Safely Ignore | Michael Chan | link |
React 19 introduces a huge number of new capabilities and APIs. So, what do you need? What can you implement today? And what should leave for framework authors… | ||
| AI Will Revolutionize UI | Jack Herrington | link |
AI will revolutionize UI through the use of tools. Building recommendation systems for video games using AI libraries and data. Integrating Tansec Start to… | ||
| Influence Without Authority: Making an Impact in Your Organization Regardless of Job Title | Kelly Vaughn | link |
Influence isn't tied to having "Manager" in your job title; it's about the connections you build and the legacy you leave. This session will teach you the… | ||
| Future of React | Kent C. Dodds, Mark Erikson, Tom Occhino | 39m |
React 19 stays in RC while teams squash a few client‑suspense performance regressions; a new React Compiler runs on facebook.com and instagram.com, enabling… | ||
| Jack Herrington's Q&A Room | Jack Herrington | |
-- no description -- | ||
| Kelly Vaughn's Q&A Room | Kelly Vaughn | |
-- no description -- | ||
| The State of JavaScript Security in 2024 | Feross Aboukhadijeh | link |
As React continues to dominate the web development landscape, securing the vast ecosystem of open source dependencies has never been more critical. In 2024… | ||
| Feross Aboukhadijeh's Q&A Room | Feross Aboukhadijeh | |
-- no description -- | ||
| What Refs Can Do for You | Stephen Cooper | 18m |
Profiling with React DevTools and Chrome shows a concrete win: replacing state-driven style updates that cause 254 renders during column resize with manual DOM… | ||
| Supercharge Your Full-stack App with a Reactive Database | Tom Redman | 20m |
Claims a fully reactive backend where app state lives globally and caches vanish, backed by 200,000 lines of Rust and a V8 process colocated with data… | ||
| Stephen Cooper's Q&A Room | Stephen Cooper | |
-- no description -- | ||
| Tom Redman's Q&A Room | Tom Redman | |
-- no description -- | ||
| Sketching with Code: Integrating React and p5.js | Monica Powell | link |
Attendees will dive into the world of creative coding with p5.js, a powerful JavaScript library designed for producing interactive art and dynamic visual… | ||
| If You Were a React Compiler | Tony Alicea | link |
If you had the same goals as React Compiler, what kind of React component would you write? In this talk Tony and the audience imagine they are React Compiler… | ||
| Monica Powell's Q&A Room | Monica Powell | |
-- no description -- | ||
| Tony Alicea's Q&A Room | Tony Alicea | |
-- no description -- | ||
| Tanstack Start - A Client-Side First Full-Stack React Framework | Tanner Linsley | link |
Join us for a fast paced introduction to TanStack’s full stack client-side first React framework. Based on TanStack Router, it’s jam packed with Type Safety… | ||
| Let's Build Suspense 🥁 | Julian Burr | link |
As the pendulum of web development swings back towards the server, streaming has become increasingly popular. Specifically, out-of-order streaming through… | ||
| Build AI Apps in 5 Minutes: Live Demo With Vercel AI Sdk, v0.dev, and Rag! | Tracy Lee | link |
Build AI Apps in 5 Minutes: Live Demo with Vercel AI SDK, v0.dev, and RAG! Dive into the future of AI development with a live demonstration on building an… | ||
| Everything You Thought You Knew About React Functional Components Is Wrong | Amy Blankenship | link |
React functional components don't actually exist, and this makes them deceptively difficult to reason about. Come to this explainer to understand the problem… | ||
| Untangling Your Dependencies: A Pattern for a Well-Knit React Project | Carmen Huidobro | link |
“Alright I’ll just upgrade Typescript, aaaaaand everything is broken now” Building a complex JavaScript project can feel like a tangled mess of yarn. Fear not… | ||
| Unleashing the Power of Duck-Typing in React: Crafting a Generic Application | David Villamarin | link |
As React developers we spend countless hours creating pages and components to bring our applications to life. It's an exhilarating journey, but have you ever… | ||
| Polymorphic React Components for Both the Client and the Server | Kiril Peyanski | link |
Explore Server Components through the lens of reusable UI Component, where everything "depends" on the individual requirements of the use-case and individual… | ||
| Taming Performance Issues | Rita Castro, Florian Rappl, Kræn Hansen, David Mytton | |
-- no description -- | ||
| 8 Things You Did Now Know Micro Frontends Can Do | Florian Rappl | link |
Did you know that micro frontends can be much faster than their monolithic counter parts? How about rollbacks of specific features? In this talk you will hear… | ||
| David Villamarin's Room | David Villamarin | |
-- no description -- | ||
| Feature Flagging with React Server Components | Graham McNicoll | link |
Feature flagging is a great way to reduce risk by separating code deployments from feature releases, but with React Server Components present some unique… | ||
| Shining Offline: The Mobile BelIS-Online Wuppertal Experience | Thorsten Hell | link |
This presentation provides a practical overview of developing a Progressive Web App (PWA) within the scope of the BelIS project (Lighting Information System)… | ||
| Building Scalable Multi-Tenant Applications With Next.js | Chakit Arora | link |
In today’s digital landscape, multi-tenancy has become a critical architecture for SaaS platforms, marketplaces, and enterprise solutions. Next.js has… | ||
| React Server Components: Elevating Speed, Interactivity, and User Experience | Aurora Walberg Scharff | link |
React Server Components offer an effective method for improving web app performance by rendering components on the server and streaming them to the client in… | ||
| A 4-Year Retrospective : Lessons Learned From Building a Video Player From Scratch With React Native | Omar Diop | link |
Join me for a 4-year retrospective as we explore the lessons learned from building a video player from scratch with React Native. I'll share insights… | ||
| Gain Performance! Take Your Run Time to Build Time | Rohit Singh | link |
We'll be discussing mainly the industry shift towards build time and why you'll be lacking behind if you don't learn about the intricacies of build time… | ||
| Building C++ / JSI Native Modules for React Native in 2024 | Kræn Hansen | link |
Building C++ modules for React Native is easier than you might think (if you know how). In this talk I’ll be sharing the current state best practices on… | ||
| React Server Components Discussion | Rita Castro, Florian Rappl, Ameer Sami, Kiril Peyanski, Julian Burr | |
-- no description -- | ||
| Speed Search: Making Expedia Flights Faster | Heena Gupta | link |
Performance plays a crucial role in ensuring the responsiveness and functionalities of an application. A deeper knowledge on prefetching, preemptive search… | ||
| React Native, Meet node.js Native Addons | Jamie Birch | link |
From bridgeful, to bridgeless, to Expo Modules and Static Hermes, the landscape of native modules in React Native is ever-evolving. Cross-pollination, however… | ||
| How I Support More Than 100 Languages in My React app...and You Can Too! | Richard Carrigan | link |
Does your React app serve a global audience, but is only available in English? Let's change that. In this talk, I'll show you how i18n can become an automatic… | ||
| How to Communicate Technical Ideas to Non Technical Audiences | Amber Vanderburg | link |
Think of the times when you have to collaborate with business units, cross-departmental teams, and other functions. Too often, complex ideas and jargon can… | ||
| Beyond 1.0 - Lessons Learned and Things to Do After 1.0 Release of a Design System | Ameer Sami | link |
Yay you just launched v1.0 of your design system but now what? Launching a design system can seem like an easy task but maintaining it is what will get you. In… | ||
| Writing Your First Vite Plugin | Eunjae Lee | link |
Vite is an essential tool for modern front-end development. We use it daily, but we know little about its inner workings. We write.jsx or.vue files, but how do… | ||
| AI in a11y | Rita Castro, Cat Johnson, Tony Alicea, Julian Burr | |
-- no description -- | ||
| Security Matters for Frontend Too! 7 Steps to More Secure React Apps | David Mytton | link |
Remember that time a simple XSS vulnerability exposed millions of user records? Or when a misconfigured environment variable led to full database compromise?… | ||
| Making React Work in Chrome Extensions | Sriram Hariharan, Darshan Bhatta | link |
We will go over the unique challenges, solutions, and down right weird things we encountered while integrating React into the Ibotta Chrome extension! Learn… | ||
| Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development | Miraan Tabrez | link |
Everyone has heard of feature flags: boolean switches in your code that you can flip at runtime for different users, environments, etc. But they are just one… | ||
| Where Have the Women of Tech History Gone? | Laura Durieux | link |
Ada Lovelace, Hedy Lamarr, the 'ENIAC Girls,' Grace Hopper, Joan Clarke... Stemming from the role of a calculator, the profession of a developer was initially… | ||
| React UI Accessibility on TV - Practical Case Study in Real Production | Seungho Park | link |
Accessibility is no longer an option; it’s a mandatory requirement for successful product launches. While we can implement basic accessibility features using… | ||
| Accessibility Granted: Building Inclusive Components One Test at a Time | Daniel Goren | link |
Creating accessible React components is essential yet challenging, especially when retrofitting existing codebases. This talk will explore how Test-Driven… | ||
| Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure | Bree Hall | link |
Explore HubSpot's innovative deployment process and team structure that accelerate value creation by enabling developers to navigate projects efficiently. Gain… | ||
| Tracing: Frontend Issues With Backend Solutions | Lazar Nikolov, Sarah Guthals | link |
Welcome to the two-hour workshop where we will introduce Sentry, a monitoring platform, and demonstrate how to debug with it. We will walk through the project… | ||
| React and Microfrontends | Harsh Maheshwari | link |
I'm thrilled to be here at the React Summit to talk about React and Microfrontends. Micro frontends allow reusable components to be shared across the… | ||
| Mastering React Server Components and Server Actions in React 19 | Maurice de Beijer | link |
Welcome to this workshop on mastering React Server components and React Server actions. We'll be using Next.js as our runtime server. We'll explore the… | ||
| Building Your Own GenAI Agent Application | Amit Mandelbaum, Idan Rozin | link |
Welcome to the workshop on Gen AI and LLM Agents! The Gen AI market is growing rapidly, with big companies investing in agent development using no-code tools… | ||
| Deploy and Test Full-Stack React Apps on Cloudflare | Dario Piotrowicz, Christian Sparks | link |
Welcome to the workshop on deploying and testing full stack React apps on Cloudflare. The agenda includes an introduction to the project, UI implementations… | ||
| Powerful Data Visualisation with AG Grid & AG Charts | Mike Ryan | link |
In this workshop, we explored the features of Aggrid and how it works seamlessly with React. Aggrid is known for its speed and performance, handling large… | ||
| Evolution of Form Management in React | Adrian Hajdin | link |
Welcome to the evolution of form management in React. Learn how to build forms using the latest React hooks. Handle forms with server actions, use validation… | ||
| Building React Primitives to Power In-App Messaging | Chris Bell | link |
Hi, everyone. I'm Chris, the CTO at Nock. We help product teams power user-centric cross-channel notification experiences. Today, I'll talk about extending the… | ||
| Aligning Patterns Across Design and Development | Jake Albaugh | link |
I'm Jake, a developer advocate at Figma, and today I'll be discussing aligning patterns between design and development. Collaboration between designers and… | ||
| From Frontend to Full-Stack: Adding Features Without Adding Time | Jen Person | link |
Let's start by setting up an application in the Squid console. Squid AI is a developer platform that offers ease of use and AI capabilities. Learn how to build… | ||
| LLMs: What They Are and How to Leverage Them? | Nathan Marrs, Alexandra Vargas | link |
Welcome to this intro to large language models workshop. We're exploring how to leverage large language models within the observability space. This workshop… | ||
| Define the Relationship with Monorepos | Philip Fulcher | link |
Monorepos are single repositories containing multiple distinct projects with well-defined relationships. Relationships in code are based on distance, where… | ||
| Immersive React: Build Mixed Reality Apps with Meta Quest | Kristopher Baumgartner, Bela Bohlender, Felix Zhang | |
-- no description -- | ||
| Simplifying Analytics in React Apps | Stephen Robb | link |
I'm presenting on simplifying analytics in React apps. We want to build embedded analytics for developers using common languages like JavaScript and… | ||
| nothing matches | ||