React Day Berlin 2024
2024-12-13..2024-12-16
Berlin, Germany
[React Day Berlin 2017, React Day Berlin 2018, React Day Berlin 2019, React Day Berlin 2022, React Day Berlin 2023, React Day Berlin 2024]
who it's for
React developers, frontend engineers, frontend architects, library authors and maintainers, engineering managers, QA and testing engineers
topics
React Server Components; React 19 compiler optimizations; signals-based state management; tldraw AI integrations; vector search and embeddings; LangChain and Ollama integrations; AST-driven bundle size reduction; critical CSS extraction; runtime cache-control strategies; RUM-based performance evaluation; accessible reusable React components
| title | author | length |
|---|---|---|
| Tejas Kumar's Q&A Room | Tejas Kumar | |
-- no description -- | ||
| Dominik Dorfmeister's Q&A Room | Dominik Dorfmeister | |
-- no description -- | ||
| Aurora Scharff's Q&A Room | Aurora Walberg Scharff | |
-- no description -- | ||
| Mo and Anisha's Q&A Room | Mo Khazali, Anisha Malde | |
-- no description -- | ||
| Will Klein's Q&A Room | Will Klein | |
-- no description -- | ||
| Johannes Goslar's Q&A Room | Johannes Goslar | |
-- no description -- | ||
| Burak Güneli's Q&A Room | Burak Güneli | |
-- no description -- | ||
| Fine-Grained Reactivity Without Any Compiler | Nicolas Dubien | link |
Achieving high-performance reactivity in React without compromising the developer experience has always been a key challenge. When building real-time… | ||
| Meet React Flight and Become a RSC Expert | Mauro Bartolomeoli | link |
Maybe you don't know what React Flight is, but you probably heard something about React Server Components instead. Do you want to understand how RSCs work? My… | ||
| Making an Emulator in JavaScript? | Sara Vieira | link |
Hello, everyone. Thank you for being here instead of the other talk. Emulation is when something pretends to be something else, like a computer pretending to… | ||
| Make Real: Tldraw’s Accidental AI Play | Steve Ruiz | link |
This is the full story behind "Make Real", tldraw's viral AI experiment that lets you turn your low fidelity drawing into a functional website. It's half… | ||
| Sara Vieira's Q&A Room | Sara Vieira | |
-- no description -- | ||
| Steve Ruiz's Q&A Room | Steve Ruiz | |
-- no description -- | ||
| Maintaining an OS Project | Dominik Dorfmeister, Lenz Weber-Tronic, Nicola Corti, Mauro Bartolomeoli, Elian van Cutsem, Christopher Ehrlich | |
-- no description -- | ||
| React via Rust and Rescript: Why and How? | Dmitriy Kovalenko | link |
I’ve done https://fframes.studio/ — it is an open source video creation framework in Rust, but the previewer of the video generated content is implemented in… | ||
| Dmitry Kovalenko's Q&A Room | Dmitriy Kovalenko | |
-- no description -- | ||
| Don't Burn Out! | Mauro Bartolomeoli, Daniel Rios Pavia, Sylwia Vargas, Christopher Ehrlich, Dora Makszy | |
-- no description -- | ||
| From Redux to Zustand to Jotai to Zustand to Custom: Our State Management Horror Story | Giulio Zausa | link |
Our quest to make our product faster and more performant forced us to reevaluate our state management solution. Unfortunately more than once: in the span of… | ||
| Building Web Applications with Signals at Grammarly | Oleksii Levzhynskyi | 29m |
Signals replace tangled useState logic with a view model class of Grammarly/ficalal atoms that act like synchronous values and observable streams, wired into… | ||
| Giulio Zausa's Q&A Room | Giulio Zausa | |
-- no description -- | ||
| Oleksii Levzhynskyi's Q&A Room | Oleksii Levzhynskyi | |
-- no description -- | ||
| Make the Web Weird Again | Elian van Cutsem | link |
The web is capable of way more than we might think. During this talk, we'll explore some lesser known parts of the web. Did you know you can control the web… | ||
| From Hip-Hop to Code | Elizabet Oliveira | link |
I used to be a hip-hop artist with an album under Universal Music, songs on MTV, a Nike deal, and a track on PlayStation’s SingStar. But after a while, I… | ||
| Elizabet Oliveira's Q&A Room | Elizabet Oliveira | |
-- no description -- | ||
| React Server Components in AI Applications | Tejas Kumar | link |
Good morning, React Day Berlin! Today we'll discuss the intersection of AI and React server components. AI engineering is like salt for React developers… | ||
| Enhancing Forms with React Server Components | Aurora Walberg Scharff | link |
In this talk, we explore the application of React Server Components (RSC) to elevate the functionality and efficiency of forms. We will touch upon the core… | ||
| React Query - The Bad Parts | Dominik Dorfmeister | link |
React Query is a popular library for managing asynchronous state—most often state returned from data fetching. Its popularity has grown significantly over the… | ||
| What Makes a Design System Win | Will Klein | link |
How does a design system win over product developers and designers? Everyone wants to ship new features, but they don't know why they should adopt your… | ||
| The Age of Universal React: What’s the Catch? | Mo Khazali, Anisha Malde | link |
Web and Mobile are getting closer and closer in the React ecosystem. With the launch of Expo Router and React Strict DOM in the last year, the message is… | ||
| The State of the Web: Key Insights From the HTTP Almanac 2024 | Burak Güneli | link |
We’ll explore the latest in web performance, examining how sites fare in speed and efficiency. Discover the impact of performance optimisations and the… | ||
| React 19 and the Compiler for the Rest of Us | Johannes Goslar | link |
Hi everyone. I'm Johnny, an application engineer who builds user-centric React 19 applications. Today, our goal is to help you reach production mountain with… | ||
| React Compiler - The Missing Piece for Optimizing React Applications | Tapas Adhikary | link |
The talk will introduce you to the React Compiler, its architecture, the rules for using it, and the React 19 code base. We will learn the power of app… | ||
| Beyond React Testing Library: Testing React Libraries (and library-like code) | Lenz Weber-Tronic | link |
When it comes to testing library code, the (usually amazing!) "Testing Library" approach quickly hits its limitations: We often need to test hot code paths to… | ||
| How to Code Images in React with SVG | Hunor Márton Borbély | link |
Did you ever need a hamburger menu icon and you you looked out for one in an icon library? Actually, it's only a few lines of code with SVG. And SVGs combined… | ||
| Lenz Weber-Tronic's Q&A Room | Lenz Weber-Tronic | |
-- no description -- | ||
| AI in our Day to Day Jobs | Shivay Lamba, Michele Bonazza, Richard Carrigan, Christopher Ehrlich, Sweta Tanwar, Omri Lavi | |
-- no description -- | ||
| Atomic Power: the Story of StyleX | Naman Rajat Goel | link |
A history of how code transformation has affected the industry. And how it led to changes in how we write CSS | ||
| Tapas Adhikary's Q&A Room | Tapas Adhikary | |
-- no description -- | ||
| How to Show 10 Million of Something: Frontend Performance Beyond Memoization | Christopher Ehrlich | link |
When discussing frontend performance, there are usually two topics: Lighthouse scores, and rerenders. But when working on applications that deal with large… | ||
| Hunor Márton Borbély's Q&A Room | Hunor Márton Borbély | |
-- no description -- | ||
| Decoding Vector Search and Embeddings for React Developers | Shivay Lamba | link |
In this talk we'll break down key Generative AI concepts like Vector Search and Vector Embeddings and how can React Developers leverage them with technologies… | ||
| Naman Goel's Q&A Room | Naman Rajat Goel | |
-- no description -- | ||
| Mastering Cache Control: Optimizing Performance for React Applications | Yael Oshri Balla | link |
Website performance is paramount, and effective caching strategies can make a significant difference. In this talk, we will dive deep into frontend caching… | ||
| Christopher Ehrlich's Q&A Room | Christopher Ehrlich | |
-- no description -- | ||
| ESLint One for All Made Easy | Anthony Fu | link |
Introduction to ESLint's new flat config format and see how it can bring new possibilities and enhancements to your development workflow and experience. | ||
| Shivay Lamba's Q&A Room | Shivay Lamba | |
-- no description -- | ||
| The Superpower of ASTs: How We Saved 16% on Our Bundle Size | Omri Lavi | link |
Discover the untapped potential of Abstract Syntax Trees (ASTs) in this transformative session. Learn how we achieved a remarkable 16% reduction in our bundle… | ||
| Yael Balla's Q&A Room | Yael Oshri Balla | |
-- 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… | ||
| From Lag to Lightning: Boosting React Native Performance | Sweta Tanwar | link |
Performance optimization is key to user satisfaction in any mobile application, especially those built with React Native. This talk dives into common… | ||
| Omri Lavi's Q&A Room | Omri Lavi | |
-- no description -- | ||
| React Compiler | Johannes Goslar, Will Klein, Sweta Tanwar, Tapas Adhikary | 30m |
Concrete claim: a build‑time compiler for React 19 removes manual memoization and produces plain JS that avoids unnecessary child rerenders. Demonstration uses… | ||
| How I Support Over 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… | ||
| Siddharth Kshetrapal's Q&A Room | Siddharth Kshetrapal | |
-- no description -- | ||
| Critical CSS | Sergey Labuts | link |
This talk dives into Critical CSS as a method to enhance web performance and user experience. It covers what critical CSS is and best practices for effective… | ||
| Sweta Tanwar's Q&A Room | Sweta Tanwar | |
-- no description -- | ||
| Plants vs Thieves: Automated Tests in the World of Web Security | Ramona Schwering | link |
Web security is crucial in a constantly evolving environment where potential threats are always present. To better understand this concept, we can imagine our… | ||
| Sergey Labuts' Q&A Room | Sergey Labuts | |
-- no description -- | ||
| Future-Proof Your UI: Building With Web Components | Darko Bozhinovski | link |
Do you love standards but hatehatehate the DX of web components? Me too. As a reformed skeptic of Web Components due to my DX concerns, I encountered an… | ||
| Richard Carrigan's Q&A Room | Richard Carrigan | |
-- no description -- | ||
| Ramona Schwering's Q&A Room | Ramona Schwering | |
-- no description -- | ||
| Testing Our Way to a Better Developer Experience | Will Klein | link |
Are our UI tests a chore, or do they help us move faster? Let’s examine what makes testing great and not so great. We’ll focus on test strategies that help us… | ||
| Darko Bozhinovski's Q&A Room | Darko Bozhinovski | |
-- no description -- | ||
| How to Train Your Designer? | Dora Makszy | link |
Ever wondered how to truly connect and collaborate with designers? Want to learn the best strategies for clear and effective communication? Curious about how… | ||
| Dora Makszy's Q&A Room | Dora Makszy | |
-- no description -- | ||
| React Patterns Made Simple | Adrian Hajdin | link |
Let's get started with React patterns that promote modular and maintainable code. We'll cover higher-order components, compound components, starter pattern… | ||
| Build Privacy focused React Applications with Ollama, NextJS/React and LangChainJS | Shivay Lamba | link |
Welcome to the React Day Berlin online workshop on building privacy-focused React applications with Olama, NextJS, React, and Langstream JS. JavaScript… | ||
| Production-ready Next.js App with Cursor AI | Maurice de Beijer | link |
Welcome to the workshop on production-ready Next.js applications using the Cursor AI editor. We'll build a science fiction movie browsing application and learn… | ||
| Astro: All Hands On | Elian van Cutsem | link |
Hello, everybody. Today, we're going to look at Astro. Basically, we're going to build a full-stack website with Astro. Astro is a comparable framework to Next… | ||
| Hands-on React Server Components, Server Actions, and Forms | Aurora Walberg Scharff | |
-- no description -- | ||
| Evaluating React Application Performance with a Sip of RUM | Carly Richmond | link |
Hello, everybody. How are we all doing? I'm going to talk about Rome, OpenTelemetry, and identifying performance bottlenecks and issues in React applications… | ||
| Build Things That Don’t Scale at All | Michele Bonazza | link |
My talk is about building things that don't scale. It starts with wanting to use a specific app and then deciding to build your own app. Building something… | ||
| Grounding AI Applications with React, JavaScript, Langchain and Elasticsearch | Carly Richmond | |
-- no description -- | ||
| Little Bits of Iterative Component Design | Daniel Rios Pavia | link |
Hey, everybody. My name is Daniel, and I like rocks. I'm a design system leader at Personia and something that I do like that is also a bit nerdy is math. I… | ||
| Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development | Miraan Tabrez | |
-- no description -- | ||
| nothing matches | ||