React Summit 2023
2023-06-02..2023-06-06
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, frontend architects, engineering managers, React Native developers, QA and test engineers, build and release engineers
topics
Next.js 13 app router; resumable islands (Qwik React); headless UI components (Radix, React Aria); React concurrency patterns; conditional hooks usage; image optimization and Partytown; React Native signing and deployment; GraphQL serverless CQRS architectures; React Testing Library practices; TypeScript and fp-ts in React; Zustand state management history; performance on low-end devices
| title | author | length |
|---|---|---|
| Reactivity: There and Back Again | Michel Weststrate | link |
Everything old is new again. But this time it's different, promise! | ||
| Speaker's Room: Michel Weststrate | Michel Weststrate | |
-- no description -- | ||
| Improving Developer Happiness with AI | Senna Parsa | link |
GitHub Copilot is an AI pair programmer that can help you write code faster and spend less time writing repetitive code.This session will cover some… | ||
| Speeding Up Your React App With Less JavaScript | Miško Hevery | 20m |
Claims that Qwik React turns a React app into resumable islands that are server‑rendered, delayed‑hydrated or skipped, and can be adopted incrementally without… | ||
| Debugging JS | Mark Erikson | link |
As developers, we spend much of our time debugging apps - often code we didn't even write. Sadly, few developers have ever been taught how to approach… | ||
| Speaker's Room: Senna Parsa | Senna Parsa | |
-- no description -- | ||
| Making Interactions Accessible to All Users | Anuradha Kumari | link |
Are your websites accessible to all users? Are all the users able to interact with your application as intended regardless of their disabilities? Accessibility… | ||
| Speaker's Room: Misko Hevery | Miško Hevery | |
-- no description -- | ||
| Speaker's Room: Mark Erikson | Mark Erikson | |
-- no description -- | ||
| Speaker's Room: Anuradha Kumari | Anuradha Kumari | |
-- no description -- | ||
| Principles for Scaling Frontend Application Development | Malte Ubl | 25m |
Six concrete principles with examples and outcomes decide whether to watch: move to a monorepo migration to remove npm private-module churn, prefer co‑located… | ||
| Federated Microfrontends at Scale | Daniel Bolivar | link |
The talk will be a story of how Personio went from rendering through a Monolithical PHP architecture, to a microfrontend oriented Next JS app, powered by… | ||
| Moving on From Runtime Css-In-Js at Scale | Siddharth Kshetrapal | link |
In this talk, Siddharth shares the challenges his team faced with optimising runtime css in js (styled-components) for performance. At GitHub, there are about… | ||
| Speaker's Room: Malte Ubl | Malte Ubl | |
-- no description -- | ||
| React Concurrency, Explained | Ivan Akulov | link |
React 18! Concurrent features! You might’ve already tried the new APIs like useTransition, or you might’ve just heard of them. But do you know how React 18… | ||
| Speaker's Room: Daniel Bolivar | Daniel Bolivar | |
-- no description -- | ||
| You Can’t Use Hooks Conditionally… or Can You? | Charlotte Isambert | link |
It’s the hooks rule number one: “Only call hooks at the top level”. But what if I told you that this rule does not apply to every hook? One of them can… | ||
| Speaker's Room: Siddharth Kshetrapal | Siddharth Kshetrapal | |
-- no description -- | ||
| Optimising Images in Web and Native | Kadi Kraman | link |
It's safe to say that a lot of websites and apps these days are heavily reliant on images: product images, avatars, social sharing. With continued… | ||
| Speaker's Room: Ivan Akulov | Ivan Akulov | |
-- no description -- | ||
| Speaker's Room: Charlotte Isambert | Charlotte Isambert | |
-- no description -- | ||
| Speaker's Room: Kadi Kraman | Kadi Kraman | |
-- no description -- | ||
| The New Next.js App Router | Lee Robinson | link |
Next.js 13.4 recently released the stable version of the "App Router" – a transformative shift for the core of the framework. In this talk, I'll share why we… | ||
| Should You Use React in 2023? | Tru Narla, Jordan Gensler | link |
Meta frameworks are increasingly popular. People dunk on React all the time. Are you insane for still using React? The talk is going to cover how real… | ||
| Modern Approaches for Creating Extremely Fast Websites | Brad Westfall | link |
In this talk is focused on performance-optimizations and standards-based approaches to achieving the fastest version of your site that you can have. We'll also… | ||
| Career Advancement | Rita Castro, Slobodan Stojanović, Kadi Kraman, Giorgio Boa, Christoph Nakazawa | |
-- no description -- | ||
| Speaker's Room: Lee Robinson | Lee Robinson | |
-- no description -- | ||
| Supercharged Code Refactoring via Abstract Syntax Trees | Stephen Cooper | link |
When refactoring large code bases, Find and Replace even with Regexes, can only get you so far. When that fails don’t fallback to painful manual updates… | ||
| Speaker's Room: Tru Narla & Jordan Gensler | Tru Narla, Jordan Gensler | |
-- no description -- | ||
| Public Speaking / How to Create a Good Talk Proposal | Rita Castro, Anuradha Kumari, Giorgio Boa | |
-- no description -- | ||
| Speaker's Room: Brad Westfall | Brad Westfall | |
-- no description -- | ||
| Supercharging React Apps with WASM | Mukkund Sunjii | link |
WASM has taken over the web-development scene in the past few years. It is a language that can be run by the web platform alongside with Javascript. Being… | ||
| Speaker's Room: Stephen Cooper | Stephen Cooper | |
-- no description -- | ||
| Speaker's Room: Mukkund Sunjii | Mukkund Sunjii | |
-- no description -- | ||
| Off with Their Heads: Rise of the Headless Components | Omry Nachman | 18m |
Claims that separating behavior from markup shrinks late-stage redesign risk and reduces rewrites, demonstrated by replacing a bespoke menu (Ant Design) in a… | ||
| Future of FE Frameworks | Juri Strumpflohner, Dominik Dorfmeister, Lenz Weber-Tronic, Mark Erikson, Anuradha Kumari, Giorgio Boa, Miško Hevery, Mukkund Sunjii, Brad Westfall, Christian Ivicevic, Giulio Zausa | |
-- no description -- | ||
| Advanced GraphQL Architectures: Serverless Event Sourcing and CQRS | Slobodan Stojanović | link |
GraphQL is a powerful and useful tool, especially popular among frontend developers. It can significantly speed up app development and improve application… | ||
| Speaker's Room: Omry Nachman | Omry Nachman | |
-- no description -- | ||
| Speaker's Room: Slobodan Stojanovic | Slobodan Stojanović | |
-- no description -- | ||
| How Not to Build a Video Game | Christoph Nakazawa | 28m |
Athena crisis is a modern retro 2D turn‑based strategy game built in JavaScript React and MDX and deployed inside a slide deck, using Vite pnpm TypeScript… | ||
| Speaker's Room: Christoph Nakazawa | Christoph Nakazawa | |
-- no description -- | ||
| Principles to Leading a Large Software Infrastructure | Malte Ubl | |
-- no description -- | ||
| Video Editing in the Browser | Christopher Chedeau | 24m |
Browsers now expose web codecs and ML libs like tensorflow.js and whisper so encoding, background removal and speech-to-text are possible, but practical limits… | ||
| WHOA, I Wrote This React App With My Voice! | Rizel Scarlett | link |
Have you ever imagined writing code without even touching the keyboard? In this talk, I'll show you how I wrote a React app with my voice. But more… | ||
| Overcoming Performance Limitations in React Components for Low-end Devices | Seungho Park | link |
In this session, I will discuss our experiences in overcoming performance limitations while developing React components for web apps on low-end embedded… | ||
| Pushing Boundaries To The Edge | Facundo Giuliani | link |
While the technology goes further and further, web development tries to get closer to the user. CDNs and web servers are evolving, and they now offer us the… | ||
| Improve Your Website's Speed and Efficiency with Partytown | Adam Bradley | link |
Unleash the full potential of your website with Partytown! Say goodbye to sluggish pages and low Lighthouse scores caused by clunky third-party scripts. With… | ||
| Code Signing React Native Apps | Cecelia Martinez | 07m |
Gives concrete, runnable steps: generate an upload keystore for Android (keytool command, record path Alias keystore and key passwords, add signingConfig to… | ||
| Go From Zero To Hero: Be Cross-Platform Devs With React Native | Arisa Fukuzaki | link |
We know if we have the fundamental of JavaScript and React knowledge, we can build cross-platform apps. But how many of you have tried out? Learning once and… | ||
| Server Components: The Epic Tale of Rendering UX | Nikhil Sharma | link |
Server components, introduced in React v18 end these shortcomings, enabling rendering React components fully on the server, into an intermediate abstraction… | ||
| Giving Superpowers to Your React Apps with Machine Learning | Shivay Lamba | link |
Have you ever questioned whether Javascript is a viable alternative to Python or R for creating machine learning models? After all, a 2019 survey by Stack… | ||
| Visual CMS… cool for React devs? Now’s the time! | Matteo Frana | link |
1. A brief history of web content management since 1996, with alternating code and visual tools: - The “FTP” era: Code editors > FrontPage/Dreamweaver - The… | ||
| How Grafana Uses React to Power the World of Observability | Nathan Marrs | link |
Why does Grafana use React for its frontend? How we leverage React’s features at Grafana What are some pain points we have ran into with using React at Grafana… | ||
| Thinking in React Query | Dominik Dorfmeister | link |
In this talk, I'll explain React Query from a different perspective. After having maintained React Query for over two years and having answered many questions… | ||
| Canaries in the CloudFront | Vijay Ramesh | link |
intro to DB application architecture (gateway + backend, multi-module react app + component library, etc) * Deep dive into CI/CD pipeline to do component… | ||
| Zod === Typescript, but at Runtime in Your React Applications | Luca Del Puppo | link |
In this talk, I want to show how we can use Zod to guarantee the type in a React Application at runtime. Environment variables, HTTP requests, forms and so on… | ||
| Scaling React-Three-Fiber Applications beyond the Hello World | Giulio Zausa | link |
A lot of recent talks at other conferences have talked about how to start using React and THREE.js to create 3D experiences on the web. In my career I've built… | ||
| Tired of Tech? Hit Reset with a Sabbatical or LOA | Kamran Ayub | link |
Tech is tiring. Whether you’re trying to stay upskilled on the latest JavaScript framework or wading through toxic work swamps, it feels like burnout is… | ||
| Synthetic Monitoring and E2E Testing - 2 Sides of the Same Coin | Carly Richmond | link |
Over the last few years, there has been a great focus on shifting tests left to earlier in the software development cycle. It's great that the emergence of… | ||
| Our Journey Into μFrontends | Rita Castro | link |
Building products using Test Driven Development with React and Atomic Design has become my modus operandi over the years. Some products tend to grow in… | ||
| it('should be tested') | Rita Castro, Cecelia Martinez, Cristhian Motoche | |
-- no description -- | ||
| GraphQL in 2023 - Still Relevant? | Lenz Weber-Tronic, Jerel Miller | link |
With fetching libraries like TanStack Query, swr, or RTK Query becoming more widespread, some of the immediate “selling points” of GraphQL clients seem to be… | ||
| How (The Heck) Did We End Up Here?! | Christian Ivicevic | link |
Web development has changed significantly over the past 15 years, and we'll take a satirical look at how daunting it is for newcomers to get started nowadays… | ||
| useMachineLearning… and Have Fun with It! | Nico Martin | link |
Machine learning is seen by many as the next step in artificial intelligence towards a new stage of human evolution. And thus helps us find new approaches to… | ||
| Bringing Controversial Ideas to React | Sanket Sahu | link |
Join me in a thought-provoking discussion on Bringing Controversial Ideas to React.js, where we will explore some of the most debated topics in the React… | ||
| It's 2023 and I Can Finally Talk About Atomic CSS | Matheus Albuquerque | link |
Libraries like Tailwind became quite popular and their utility-first—aka atomic classes—approach was an interesting paradigm shift in CSS. Many developers love… | ||
| 10x Your Teamwork Through Pair Programming | Selena Small, Michael Milewski | link |
Selena and Michael will take you on a roller coaster journey of how to get started and get the most out of pair programming. Live on stage they will switch… | ||
| Introduction to Library Marketplace | Brendon Co | link |
Ever wanted to earn money selling those cool npm packages that you created? This talk is about how to sell your library and earn a living out of your hard work. | ||
| The Rise of Modern Transactional Stack | Yoko Li | link |
Databases and transactional backends are the heartbeats of our everyday lives - they power nearly every transaction in the modern world, from booking airplane… | ||
| Extending React Using Astro | Elian van Cutsem | link |
We'll start out by taking a look at Astro; What is Astro, why does it exist and what problems does it solve. How can we optimise our React application /… | ||
| Is My React Web App Ready for Launch? | Aditi Verma | link |
If you need a launch checklist as a frontend engineer, this is the talk you should attend. Before launch of an applications one needs to make sure that load… | ||
| Developer productivity | Rita Castro, Matteo Frana, Luca Del Puppo, Cristhian Motoche | |
-- no description -- | ||
| Making Impossible States with fp-ts and TypeScript in a React Application | Cristhian Motoche | link |
Types and Functional Programming are a great combination to get feedback quickly about types that don't make sense and compose functionality to get a desired… | ||
| Tuning Retro Video Archives for Display on the Modern Web using WebGL in React | Travis McGeehan | link |
Background on why retro video archives need custom scaling - Implementing a WebGL video player canvas in React with custom hooks - Bundling WebGL shaders from… | ||
| Meet Your New BFF: Backend to Frontend without the Duct Tape | Noam Honig | link |
Even with all of the incredible frameworks available today vs. a decade ago (or even two––for devs who have been around as long as I have), it still feels like… | ||
| The Path Through Legacy: Delicate Balance Between Tolerance and Phobia | Maxim Nam | 01m |
Presents a concrete approach to decide whether to tolerate or excise legacy code by showing actual steps: a refactoring checklist, use of React 18 features to… | ||
| The Future is Composable: Where to Start in Building for It | Henry Smith | link |
Composable architecture is changing the trajectory of the web as we know it. In this session, Netlify Senior Solutions Engineer Henry Smith will offer a deep… | ||
| Get Rid of Your API Schemas with tRPC | Giorgio Boa | link |
Do you know we can replace API schemas with a lightweight and type-safe library? With tRPC you can easily replace GraphQL or REST with inferred shapes without… | ||
| Development History of Zustand | Daishi Kato | link |
In this talk, I will talk about how I joined the development of Zustand. It started with another library of mine, which is similar to Zustand. My involvement… | ||
| I Run Code From the Internet! | Zbyszek Tenerowicz | link |
Is it wise to run code from strangers? Well, we do it all the time and there's no backing out of it. Let's take a look at how a JavaScript project could get… | ||
| Secrets in Source Code - How Your JS Code is Exposing Your Credentials | Mackenzie Jackson | link |
Secrets like API keys are constantly leaking through source code. The 2021 State of Secret Sprawl report found over 6 million secrets in public git repos. This… | ||
| Performance | Rita Castro, Zbyszek Tenerowicz | link |
-- no description -- | ||
| Config Driven UI using ReactJS | Joban Singh | link |
We at Microsoft are rethinking the way we use ReactJS as frontend devs, traditional React UI Design patterns results in redundant code, making code… | ||
| How To Build a Chrome Extension Using React | Adina Stoica | link |
Last year, as part of my work at Bloomberg, I was tasked with building a Chrome Extension, and persuaded my team to let me build the extension in React instead… | ||
| 7 TypeScript Patterns You Should Be Using | Morten Barklund | link |
In this talk, we will be going over a number of common useful and best-practice-proven TypeScript patterns to use in React 18. This includes how to correctly… | ||
| React Myths And Legends | Nadia Makarevich | link |
The talks explore various misleading patterns and concepts in React, that seem to be “common knowledge”, but which a lot (if not most) developers either get… | ||
| Designing Effective Tests With React Testing Library | Josh Justice | link |
In this workshop, the speaker covers various topics related to testing React components. They discuss the importance of testing the contract, behavior, and… | ||
| Build a Data-Rich Beautiful Dashboard With MUI X's Data Grid and Joy UI | Sam Sycamore, Siriwat (Jun) Kunaporn | link |
This workshop focused on building a CRUD app using the MUI X data grid and Joy UI. Material UI is still popular and will continue to be developed, with efforts… | ||
| React at Scale with Nx | Isaac Mann | link |
We discuss developing at scale with NxMonoRepos, which provide the benefits of a monorepo without the drawbacks of code collocation. Nx helps with code… | ||
| Create a Visually Editable Next.js Website Using React Bricks, With Blog and E-commerce | Matteo Frana | link |
React Bricks is a CMS with visual editing based on React components that allows for visually editable content blocks called Brics. It offers flexibility for… | ||
| Deploying React Native Apps in the Cloud | Cecelia Martinez | link |
Welcome to the workshop on AppFlow and Setup! This workshop covers the setup and prerequisites for AppFlow, including debug builds, native cloud builds, and… | ||
| 0 to Auth in an hour with ReactJS | Kevin Gao | link |
This is a React Node.js workshop that covers implementing Dscope authentication in a React project. It explains how to set up a Dscope account and customize… | ||
| Building Blazing-Fast Websites with Next.js and Sanity.io | Nancy Du, Nataliya Ioffe | link |
This workshop covers building blazing fast websites with Next.js and Sanity. It explores the benefits of headless architecture and CMS tools like Sanity. The… | ||
| Web Accessibility for Ninjas: A Practical Approach for Creating Accessible Web Applications | Asaf Shochet Avida, Eitan Noy | link |
This workshop focuses on web accessibility and the importance of making digital products accessible. It covers topics such as testing tools, identifying focus… | ||
| Building Pixel-Perfect UI Components Using CSS Variables | Sam Sycamore | link |
CSS variables and their possibilities for UI developers, MUI's history and understanding of developer needs, Joy UI's focus on developer experience and use of… | ||
| Back to the Roots With Remix | Alex Korzhikov, Pavlik Kiselev | link |
Remix is a modern full-stack web framework that works on both the backend and frontend, providing features like database interaction, SEO, data serving, page… | ||
| No CRA? What now? | Juri Strumpflohner | link |
React docs suggest using production-grade frameworks like Remix, Next.js, or Gatsby. But if you want to start with a simple pure React app, you can use Vite or… | ||
| From Idea to Production: React Development with a Visual Twist | Omer Kenet | link |
Wix has a cool team working on developer toolings, with main products being Stylable and CodeX. CodeX is a visual IDE for React that helps with code… | ||
| Crash Course Into Astro, Kontent.ai and Portable Text | Ondrej Polesny | link |
This workshop covers the basics of various topics, with a focus on Rich Text Resolution in Headless CMS. Participants will learn how to import content, create… | ||
| Localizing Your Remix Website | Harshil Agrawal | link |
The workshop covered various topics such as introduction to localization and Remix, project setup, creating components, implementing content and… | ||
| How to Become a Fintech Developer in Seven Minutes | Tiki Lobel | link |
RAPID is a globally integrated FinTech system that abstracts all the integrations into a single platform, eliminating the need for merchants to manage multiple… | ||
| Using PKCE to Communicate Between React and Native Mobile SDKs | Itai Hanski | link |
The talk discusses communication between React apps/web apps and native applications/SDKs. It explores the challenges of embedding web code in a WebView and… | ||
| nothing matches | ||