List of videos

Hard-learned Lessons in App Scaling — Mike Duminy | React Universe Conf 2024

Over the last 6 years we at Klarna have been building several React and React Native apps from the same codebase. We’ve scaled to 500 contributors per month, 85 million app downloads, and 30 million monthly active users. It’s been a wild ride and in this talk you will hear all about the challenges we faced, mistakes we made, and most importantly what we’ve learned from them. 🗣 Speaker Bio Mike Duminy is a Principal Engineer and Architect at Klarna, where he works on scaling React Native. He has been building React Native apps for the last eight years. He spent several years in startups, fostering pragmatism while resisting the lure of perfectionism. Ever curious, he enjoys exploring new ideas, solving problems, gaming, tackling coding challenges, engaging in philosophical discussions about language, and reading sci-fi/fantasy. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj3b0 Check out more about React Universe Conf: https://hubs.li/Q02R35wc0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
Drawing onto the Camera — Marc Rousavy | React Universe Conf 2024

Going back to kindergarten - instead of crayons and hand-paint, we’ll be using VisionCamera and Skia. In this talk we’ll build a React Native app that can blur faces in a 60 FPS Camera stream by just using JavaScript. We’ll be going over the technical challenges, the underlying C++/GPU-based implementation, and the possibilities this exciting new VisionCamera V4 feature now unlocks. 🗣 Speaker Bio Marc Rousavy is CEO at Margelo, a high-end React Native app development agency. Marc is also a React Native core contributor and maintainer of a lot of popular open-source libraries in the React Native ecosystem. He has been working a lot on the native side, building view components like react-native-vision-camera or react-native-blurhash, and C++/JSI-based libraries like react-native-mmkv or react-native-quick-crypto. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj3N0 Check out more about React Universe Conf: https://hubs.li/Q02Rc6s90 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
Getting React Native New Architecture to You — Arushi Kesarwani | React Universe Conf 2024

The React Native New Architecture is finally here! But how “new” is it? The story of the New Architecture goes back to 2018 when it was first introduced at Meta, and has been available as experimental since React Native 0.68 with continued improvements in every subsequent release. Thet erm New Architecture refers to a significant rewrite of the React Native internals, with a new renderer and a new native module system which allows us to finally sunset the bridge. It's hard to change the engine while flying the plane, right? Especially if your plane is the React Native ecosystem with thousands of libraries and millions of developers out there. So much has changed for the New Architecture from 0.68 till today, and in this talk we will explore the recent enhancements to New Architecture and demonstrate how easily you can migrate your apps & libraries. It’s finally time to unveil the curtain on the journey from introducing the New Architecture to enabling the New Architecture by default for everyone. 🗣 Speaker Bio Arushi Kesarwani is a Software Engineer at Meta working on React Native Industry Alignment pillar to bring the New Architecture to open source. She is also passionate about enhancing developer experience and tooling. Prior to Meta, Arushi was a full-stack developer at Microsoft, contributing to Bing UX. In her spare time, you can find her either traveling or running. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj4J0 Check out more about React Universe Conf: https://hubs.li/Q02R35zF0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
How you can Server-Render without Rendering on the Server — Mike Grabowski, Eric Vicenti | RUC 2024

Our goal is to deliver high-quality experiences as quickly as possible. What if you want to change the UI immediately, without even waiting for an OTA update? There is a simple technique that is under-explored in our community: React Server-Defined Components (RSDC). We are introducing a new library to accelerate your implementation of RSDC. It’s time to explore the applications of this technique: we can control large-scale art installations, build industry-ready media streaming apps, and deliver mini-apps without writing any client code at all! 🗣 Speakers' Bios Mike Grabowski: Developer Experience is my passion. React Native Core Contributor. In the past, I worked on “react-native link”, “auto-linking” and the CLI. When not coding, I am probably on a race track! Eric Vicenti: Creator of React Navigation, and formerly on the React Native team at Facebook, Eric Vicenti is dedicated to simplifying full-stack app development for our community. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj5w0 Check out more about React Universe Conf: https://hubs.li/Q02R361J0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
React For Big World Data - The making of Shopify’s BFCM Globe — Monica Restrepo | RUC 2024

In this talk, we will explore the creation of a real-time data visualization globe using React, based on the 2023’s Black Friday Cyber Monday (BFCM) project at Shopify. We will cover architectural design, layers handling, interactivity, 3D rendering, lighting techniques and some animations using React and React libraries to create a dynamic, multi platform user experience where responsiveness and performance are paramount. 🗣 Speaker Bio Monica is a Software Engineer with a deep passion for mobile development and React Native, who enjoys solving complex problems, building new things, and making an impact through technology. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj5-0 Check out more about React Universe Conf: https://hubs.li/Q02R35XR0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
RN TV Hermes JS Sampling Profiling – Become The RN JS App Performance SME — Michael Khirallah

With the abundance of React Native performance improvements that the core teams have been consistently introducing into the core libraries, the overall user experience of apps built with RN continues to approach the performance of traditional native applications. With that said, as UX and UI designers push the boundaries of designing advanced features and functionality, app performance problems on low performing devices, especially targeting TV models such as the FireTV Stick Gen 2, become significantly more pronounced and common place as an application grows. Understanding how to investigate and diagnose react native performance problems in the JavaScript layer will allow you to become an invaluable asset to your development team and organization as a whole, ultimately delivering more value to your end users and a performant app experience that will not be forgotten. This talk will focus on how to become the go-to JS Performance Expert on your team, by providing you with the investigatory techniques of performance profiling using the Hermes JS Profile tooling centered around RN TV application development. Additionally, there will be a focus on how investigating performance using Hermes JS Sample Profiling correlates with JS architectural choices that are made during your React Native app development, in order to improve your architecture to prevent common performance problems. 🗣 Speaker Bio Mike Khirallah is a Seasoned React expert, adopting React when it first was released in 2013 and has been enjoying building React apps ever since. Today, Mike is the Senior Director of Engineering at DirecTV, leading the BYOD multi-platform React Native TV, Mobile/Tablet, and Web streaming application development. Prior to DirecTV, Mike led many software engineering teams across multiple different tech spaces, including FinTech, InsurTech, EdTech, and HEOR. During his time mentoring and growing software engineering teams, he not only built advanced React and React Native applications, but also built out large scale distributed backend systems, including backend architectures that were responsible for secure, user-provided remote code execution, from scratch, systems similar to Kubernetes. After many years of contributing across the entire stack, Mike has come full circle in building out large scale React Native applications, now with a focus on streaming / TV platforms. Mike’s favorite areas of software development involve performance optimizations correlated with different architectural patterns. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj6K0 Check out more about React Universe Conf: https://hubs.li/Q02R36b-0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
React 'use client' visually explained: What, Why, How — Delba de Oliveira | React Universe Conf 2024

The "use client" directive introduces a new dimension to bundling. Allowing developers to use the same language and JSX component model to write a single application that runs across the server and client, and replacing network synchronization code in multiple languages and frameworks with simple components and props. In this talk, we'll explore what use client is, why it exists, how it works, and clarify some common misconceptions. 🗣 Speaker Bio Delba de Oliveira works a Developer Advocate for Next.js. She's passionate about teaching web development and explaining complex web concepts through diagrams, animations, and docs. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj6R0 Check out more about React Universe Conf: https://hubs.li/Q02R36jy0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
Web Once, Native Everywhere: Introducing Expo DOM Components — Evan Bacon | RUC 2024

Migrating React websites to React Native is very challenging, but it doesn't have to be. The new Expo DOM Components feature enables you to incrementally migrate features from existing websites over to your mobile app, then adopt native features on a component-by-component basis. 🗣 Speaker Bio Evan Bacon, an artist and technologist. Currently building Expo Router, the universal React framework. He started working on the Expo project in 2017 with the goal to make mobile experiences easy to create, share, and discover. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj8j0 Check out more about React Universe Conf: https://hubs.li/Q02R36cP0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch
Web Without Walls — Dan Abramov | React Universe Conf 2024

This talk is a friendly introduction to the AT Protocol — a new internet protocol developed at Bluesky that aims to change the relationship between the user and the product. 🗣 Speaker Bio Dan got into programming after he accidentally discovered Visual Basic inside Microsoft PowerPoint. He has found his true calling in turning Sebastian’s tweets into long-form blog posts. Dan occasionally wins at Fortnite by hiding in a bush until the game ends. Get your tickets for React Universe Conf 2025: https://hubs.li/Q02VZj8D0 Check out more about React Universe Conf: https://hubs.li/Q02R36kT0 Visit the organizer's website: https://hubs.li/Q02R39FR0 Follow us on X to stay up to date: https://x.com/reactuniverse_

Watch