November 18 - 22, 2024
In collaboration with
👍
👏
😆
😲
🎉
🚀
📝
* Use Note emoji to mark highlights, we'll generate clips and save to your bookmarks
Summit Track
Summit Track Q&A Rooms
Base Camp Track
Base Camp Track Q&A Rooms
Discussion Room Nov 19
Discussion Room Nov 22
Opening Ceremony
Abracadabra: The Vanishing Network icon
Kent C. Dodds «‎Abracadabra: The Vanishing Network»
Short break
Out Of Order Streaming (The Secret Powering Modern React) icon
Theo Browne «‎Out Of Order Streaming (The Secret Powering Modern React)»
Everything You Need to Know About React 19 icon
Shruti Kapoor «‎Everything You Need to Know About React 19»
Break
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond icon
Addy Osmani «‎Chrome DevTools: State of the Union 2024 - Debugging React & Beyond»
Panel Discussion: Future of React
Break
AI Will Revolutionize UI icon
Jack Herrington «‎AI Will Revolutionize UI»
Lightning Talks
Break
What Refs Can Do for You icon
Stephen Cooper «‎What Refs Can Do for You»
Sketching with Code: Integrating React and p5.js icon
Monica Powell «‎Sketching with Code: Integrating React and p5.js»
Tanstack Start - A Client-Side First Full-Stack React Framework icon
Tanner Linsley «‎Tanstack Start - A Client-Side First Full-Stack React Framework»
Closing Ceremony
Opening
Let's Build Suspense 🥁 icon
Julian Burr «‎Let's Build Suspense 🥁»
Untangling Your Dependencies: A Pattern for a Well-Knit React Project icon
Carmen Huidobro «‎Untangling Your Dependencies: A Pattern for a Well-Knit React Project»
Polymorphic React Components for Both the Client and the Server icon
Kiril Peyanski «‎Polymorphic React Components for Both the Client and the Server»
Feature Flagging with React Server Components icon
Graham McNicoll «‎Feature Flagging with React Server Components»
Building Scalable Multi-Tenant Applications With Next.js icon
Chakit Arora «‎Building Scalable Multi-Tenant Applications With Next.js»
Break
React Server Components: Elevating Speed, Interactivity, and User Experience icon
Aurora Scharff «‎React Server Components: Elevating Speed, Interactivity, and User Experience»
Gain Performance! Take Your Run Time to Build Time icon
Rohit Singh «‎Gain Performance! Take Your Run Time to Build Time»
Speed Search: Making Expedia Flights Faster icon
Heena Gupta «‎Speed Search: Making Expedia Flights Faster»
How I Support More Than 100 Languages in My React app...and You Can Too! icon
Richard Carrigan «‎How I Support More Than 100 Languages in My React app...and You Can Too!»
Beyond 1.0 - Lessons Learned and Things to Do After 1.0 Release of a Design System icon
Ameer Sami «‎Beyond 1.0 - Lessons Learned and Things to Do After 1.0 Release of a Design System»
Break
Security Matters for Frontend Too! 7 Steps to More Secure React Apps icon
David Mytton «‎Security Matters for Frontend Too! 7 Steps to More Secure React Apps»
Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development icon
Miraan Tabrez «‎Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development»
Where Have the Women of Tech History Gone? icon
Laura Durieux «‎Where Have the Women of Tech History Gone?»
React UI Accessibility on TV - Practical Case Study in Real Production icon
Seungho Park «‎React UI Accessibility on TV - Practical Case Study in Real Production»
Accessibility Granted: Building Inclusive Components One Test at a Time icon
Daniel Goren «‎Accessibility Granted: Building Inclusive Components One Test at a Time»
Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure icon
Bree Hall «‎Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure»
Closing
Short break
Maintaining a Library and a Community icon
Mark Erikson «‎Maintaining a Library and a Community»
AI and Accessibility: We Got a Lot to Talk About icon
Cat Johnson «‎AI and Accessibility: We Got a Lot to Talk About»
Break
How to Make a Game With React icon
Kristopher Baumgartner «‎How to Make a Game With React»
An App Developer's Guide to React 19: What You Need to Know and Everything You Can Safely Ignore icon
Michael Chan «‎An App Developer's Guide to React 19: What You Need to Know and Everything You Can Safely Ignore»
Break
Influence Without Authority: Making an Impact in Your Organization Regardless of Job Title icon
Kelly Vaughn «‎Influence Without Authority: Making an Impact in Your Organization Regardless of Job Title»
The State of JavaScript Security in 2024 icon
Feross Aboukhadijeh «‎The State of JavaScript Security in 2024»
Break
Supercharge Your Full-stack App with a Reactive Database icon
Tom Redman «‎Supercharge Your Full-stack App with a Reactive Database»
If You Were a React Compiler icon
Tony Alicea «‎If You Were a React Compiler»
Build AI Apps in 5 Minutes: Live Demo With Vercel AI Sdk, v0.dev, and Rag! icon
Tracy Lee «‎Build AI Apps in 5 Minutes: Live Demo With Vercel AI Sdk, v0.dev, and Rag!»
Everything You Thought You Knew About React Functional Components Is Wrong icon
Amy Blankenship «‎Everything You Thought You Knew About React Functional Components Is Wrong»
Unleashing the Power of Duck-Typing in React: Crafting a Generic Application icon
David Villamarin «‎Unleashing the Power of Duck-Typing in React: Crafting a Generic Application»
8 Things You Did Now Know Micro Frontends Can Do icon
Florian Rappl «‎8 Things You Did Now Know Micro Frontends Can Do»
Shining Offline: The Mobile BelIS-Online Wuppertal Experience icon
Thorsten Hell «‎Shining Offline: The Mobile BelIS-Online Wuppertal Experience»
Break
A 4-Year Retrospective : Lessons Learned From Building a Video Player From Scratch With React Native icon
Omar Diop «‎A 4-Year Retrospective : Lessons Learned From Building a Video Player From Scratch With React Native»
Building C++ / JSI Native Modules for React Native in 2024 icon
Kræn Hansen «‎Building C++ / JSI Native Modules for React Native in 2024»
React Native, Meet node.js Native Addons icon
Jamie Birch «‎React Native, Meet node.js Native Addons»
How to Communicate Technical Ideas to Non Technical Audiences icon
Amber Vanderburg «‎How to Communicate Technical Ideas to Non Technical Audiences»
Writing Your First Vite Plugin icon
Eunjae Lee «‎Writing Your First Vite Plugin»
Making React Work in Chrome Extensions
Closing
Published recordings
See all
From Frontend to Full-Stack: Adding Features Without Adding Time
React Summit US 2024React Summit US 2024
95 min
From Frontend to Full-Stack: Adding Features Without Adding Time
Workshop
Jen Person
Jen Person
We’re all here because we love React, and we love it because it’s a simple and intuitive system for creating beautiful, interactive websites. What if building full-stack apps could be just as simple and intuitive? Managing data and resources in your web applications doesn't have to be complex and time-consuming! Learn how to connect databases, APIs, and other services to your apps in minutes to make real-time interactive experiences for your users. In this session, you'll start with a blank page and end with a portfolio-worthy app and the skills you need to build your next app.
Evolution of Form Management in React
React Summit US 2024React Summit US 2024
72 min
Evolution of Form Management in React
Workshop
Adrian Hajdin
Adrian Hajdin
Learn how to handle forms in React using the latest features, such as startTransition, useTransition, useOptimistic, and useActionState, with and without React 19 server actions, alongside proper validation, error handling, and best practices.The workshop will begin by demonstrating traditional form handling using useState and useEffect for client-side rendering. Gradually, we'll transition to using the latest React 19 features, including server-side forms and the newest hooks for managing form states and errors. By the end of the workshop, participants will understand how to create robust forms with proper validation and error handling.Learning GoalsLatest React 19 Hooks — useTransition, useFormStatus, useOptimistic, useActionState, useDeferredValueServer ActionsRevalidationsServer-side ValidationError handlingSecurity practices
LLMs: What They Are and How to Leverage Them?
React Summit US 2024React Summit US 2024
112 min
LLMs: What They Are and How to Leverage Them?
Workshop
Nathan Marrs
Alexandra Vargas
2 authors
Join Nathan and Alexa in this hands-on session where you will first learn at a high level what large language models (LLMs) are and how they work. Then dive into an interactive coding exercise where you will implement LLM functionality into a basic example application. During this exercise you will get a feel for key skills for working with LLMs in your own applications such as prompt engineering and exposure to OpenAI's API.

After this session you will have insights around what LLMs are and how they can practically be used to improve your own applications.
Mastering React Server Components and Server Actions in React 19
React Summit US 2024React Summit US 2024
150 min
Mastering React Server Components and Server Actions in React 19
Featured Workshop
Maurice de Beijer
Maurice de Beijer
Calling all React developers! Join us for an immersive 4-hour workshop diving deep into React Server Components and Server Actions. Discover how these game-changing technologies are revolutionizing web development and learn how to harness their full potential to build lightning-fast, efficient applications.

Explore the world of React Server Components, seamlessly blending server-side rendering with client-side interactivity for unmatched performance and user experience. Dive into React Server Actions to see how they combine client-side interactivity with server-side logic, making it easier to develop interactive applications without traditional API constraints.

Get hands-on experience with practical exercises, real-world examples, and expert guidance on implementing these technologies into your projects. Learn essential topics such as the differences between Server and Client Components, optimizing data fetching, passing data effectively, and maximizing performance with new React hooks like useActionState, useFormStatus and useOptimistic.

Whether you're new to React or a seasoned pro, this workshop will equip you with the knowledge and tools to elevate your web development skills. Stay ahead of the curve and master the cutting-edge technology of React 19. Don't miss out - sign up now and unleash the full power of React!
Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure
React Summit US 2024React Summit US 2024
15 min
Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure
Watch video: Accelerating Value With HubSpot’s Unique Deployment Process and Team Structure
Welcome to Accelerating Value with HubSpot's deployment process and team structure. HubSpot is a leading growth platform that empowers businesses of all sizes to scale and succeed in the digital age. HubSpot's customer-centric approach focuses on value delivery, prioritizing the user experience, and building trust through consistent interactions. The front-end tech stack includes TypeScript, React, Redux, Styled Components, and GraphQL. HubSpot utilizes various developer tools to streamline workflows and reduce the technical burden on engineers. The testing philosophy at HubSpot emphasizes comprehensive testing, with a focus on unit, integration, and acceptance testing. HubSpot prioritizes customer-centricity, fosters innovation with small teams, and enhances developer efficiency with custom tooling.
Accessibility Granted: Building Inclusive Components One Test at a Time
React Summit US 2024React Summit US 2024
18 min
Accessibility Granted: Building Inclusive Components One Test at a Time
Watch video: Accessibility Granted: Building Inclusive Components One Test at a Time
At Evinced, the mission is to make the web more accessible for everyone. Accessibility issues are common despite intentions. Today's Talk focuses on coding in an accessible way using TDD to catch defects early. Unit tests can be written to ensure accessibility requirements are met. Testing Library provides utilities for testing accessibility. The ATDD approach allows continuous creation of tests for compliance. Unit testing is valuable for complex components. Advanced has developed an SDK called the Unit Tester for automating accessibility tests.
React UI Accessibility on TV - Practical Case Study in Real Production
React Summit US 2024React Summit US 2024
10 min
React UI Accessibility on TV - Practical Case Study in Real Production
Watch video: React UI Accessibility on TV - Practical Case Study in Real Production
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 requirement for accessibility. The Enact framework has a module called Spotlight for TV remote direction keys. All attributes and roles are supported in JSX. Practical cases include reading a Dingbae font icon with no text, handling range widgets, alert popups, and virtual components. Testing on actual devices is important. Useful tools for accessibility development include custom message announcements, static analysis with JSX A11y, and accessibility testing with Chrome DevTools.
Where Have the Women of Tech History Gone?
React Summit US 2024React Summit US 2024
29 min
Where Have the Women of Tech History Gone?
Watch video: Where Have the Women of Tech History Gone?
Hi everyone and welcome to my talk about the women in the history of computer science. I want to pay tribute to women who have done fantastic work in computer science. The history of computer science begins in 1840 with Ada Lovelace, who invented the concept behind the analytical engine and provided the first algorithms. Women played a significant role in early computing, such as the programmers of the ENIAC. Grace Hopper made significant contributions to the field, including the development of COBOL. Women have made significant contributions to artificial intelligence, such as Karen Spike Jones and her development of the TF-IDF method. It is important to highlight women in the tech field and provide role models for young girls. The talk aims to inspire and encourage.
Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development
React Summit US 2024React Summit US 2024
20 min
Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development
Watch video: Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development
Today's Talk discusses type-safe app configuration and its benefits. It explores how app configuration can accelerate software development using the example of a SaaS company called Potion. The Talk highlights the use of feature flags to control app discounts and the advantages of decoupling discount control from the engineering team. It also covers the ability to run A-B tests, personalize discount messaging, and optimize for upgrades using an AI loop. The Talk emphasizes the flexibility of the app configuration system, allowing for managing multiple overlapping discounts and controlling various aspects of the app. Lastly, it mentions the necessary components of building a flexible app configuration system and how Hypertune offers these features.

Free perks

Full-access remote attendee gets

hands-on workshops with field experts
Participate in hands-on sessions and get certificates
Speakers’ personal video rooms
Hang out with well-know JavaScript developers and ask them anything
Q&A Discord channels
Enjoy chatting with the speakers in Discord space

Discussions

Join discussions focusing on specific technologies. Hang out with people who are on the same page. Discussion rooms on November 19 will be held in a hybrid format, while on November 22 in a remote format.

Practical AI logo

Practical AI

DiscussionRoom
Nov. 19, 16:25
Joran Quinten closeupMichael Chan closeupCat Johnson closeup
Joran Quinten, Michael Chan, Cat Johnson,
Future of React logo

Future of React

DiscussionRoom
Nov. 19, 19:00
Kent C. Dodds closeupMark Erikson closeupTom Occhino closeup
Kent C. Dodds, Mark Erikson, Tom Occhino,
Taming Performance Issues logo

Taming Performance Issues

DiscussionRoom
Nov. 22, 15:50
Rita Castro closeupFlorian Rappl closeupKræn Hansen closeupDavid Mytton closeup
Rita Castro, Florian Rappl, Kræn Hansen, David Mytton,
React Server Components Discussion logo

React Server Components Discussion

DiscussionRoom
Nov. 22, 17:05
Rita Castro closeupFlorian Rappl closeupAmeer Sami closeupKiril Peyanski closeupJulian Burr closeup
Rita Castro, Florian Rappl, Ameer Sami, Kiril Peyanski, Julian Burr,
AI in a11y  logo

AI in a11y

DiscussionRoom
Nov. 22, 18:10
Rita Castro closeupCat Johnson closeupTony Alicea closeupJulian Burr closeup
Rita Castro, Cat Johnson, Tony Alicea, Julian Burr,

Our MCs

Josh Goldberg avatar
Josh Goldberg
Open Source
Hi, I’m Josh! I’m an independent full time open source developer. I work on projects in the TypeScript ecosystem, most notably typescript-eslint: the tooling that enables ESLint and Prettier to run on TypeScript code. I’m also the author of the O’Reilly Learning TypeScript book, a Microsoft MVP for developer technologies, and an active conference speaker. My personal projects range from static analysis to meta-languages to recreating retro games in the browser. Also cats.
Henri Helvetica avatar
Henri Helvetica
command-h
Henri is a developer who has turned his interests to a passionate mix of site performance engineering with pinches of user experience. That, combined with his leadership of the Toronto Web Performance meetup, JAMstack Toronto meetup and curating conference content, has led to COMMAND-H — a small org in support of all his passions: people and developers. When not reading the deluge of daily research docs and case studies, streaming, or profiling sites in his favourite tool, Henri is focusing on running the fastest 5k possible (surprise surprise), encouraging a healthy lifestyle and sharing it all via #devsWhoRun.
Nathaniel Okenwa avatar
Nathaniel Okenwa
Twilio
Nathaniel is a Developer Evangelist at Twilio working to create magical moments for developers with their products. He is a die hard fan of JavaScript, sports, superheroes and mixed martial arts. His life goals are to have Batman's brains, Deadpool's humour, T'Challa's fashion sense, Killmonger's Wokeness, and Thanos' determination! He serves the Javascript community in the UK and the rest of Europe.
Daphne Oakes avatar
Daphne Oakes
Grow Therapy
Daphne is a comedian, software engineer, and conference speaker. She is on a mission to bring comedy into tech and has brought to conferences: a "He-Man" sing-along, AI-themed cha-cha slide, and a Pokemon speaker introduction. She's an engineer at Grow Therapy and previously worked at Lyft, Shopify, and Yelp. Based in Seattle, she enjoys improv, sketch writing, and hostel-hopping around the world. What makes her happiest in life is meeting people. So, if you want to yap with her all day, reach out to her through social media!
Scott Tolinski  avatar
Scott Tolinski
Co-host of Syntax.fm
I own and make video tutorials teaching web development for Level Up Tutorials, releasing a new premium series every month. I also co-host Syntax.fm with Wes Bos. Syntax is a popular, light hearted web development podcast that teaches full stack topics while staying fun. I enjoy breaking also known as breakdancing, and have been dancing for over 15 years doing shows for professional NFL and NBA teams. I'm inspired by a hot cup of green tea, excellent music, and Shaw Bros. kung fu movies.

Sponsors


Would like to join the community and improve your tech brand?
Check out the sponsors' offers

Platinum
  • Ag Grid logo
  • Convex logo
Gold
  • Nx logo
  • Storyblok logo
  • Sentry logo
  • Handsontable logo
  • Contentful logo
  • Vercel logo
  • Cloudflare logo
  • Sisense logo
  • EdgeDB logo
  • Stytch logo
  • HubSpot logo
  • Choreo logo
  • Knock logo
  • Asgardeo logo
  • AI21 logo
  • Figma logo
Tech
  • FocusReactive logo
  • Hygraph logo
Silver
  • Tiny logo
  • Replay.io logo
Media
  • DevIT Jobs logo
  • JSMastery logo
  • Dave Gray logo
  • React Jam logo
  • React Status logo
  • JS Party logo
Community
  • Unicorn Club (Black logo) logo
  • This Week In React logo
  • React Montreal logo
  • This Dot Labs logo
  • AngularSP logo
  • Le Wagon São Paulo logo
  • MongoDB logo
  • Saskatoon React Meetup logo
  •  SF Cloud Native - WebAssembly Meetup Group logo
  • OttawaJS logo
  • New York Software Engineers logo
  • Progress logo
  • ForwardJS Ottawa Meetup logo
  • Stack Builders logo
  • LG Electronics logo
  • Evinced logo
  • React India logo
  • Dev Dive Meetup logo
  • FloridaJS logo
  • Ibotta logo
  • NashJS logo
  • Chicago JavaScript logo
  • hackbuddy logo
  • HFX.js Meetup logo
  • Meta logo