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.

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 principles of RSC and their specific benefits for form development, such as improved load times and streamlined server-side processing. Additionally, we’ll learn the latest advancements in React 19 and the introduction of multiple new hooks. Attendees will gain insights into practical strategies for integrating RSC into forms, focusing on enhancing user experience and reducing front-end complexities.

What’s involved with running quality multi-device apps? Hear from Entertainment & media app builders on the challenges when building across Mobile, Web, and TV with React + React Native. We’ll cover common questions such as handling variable screen resolutions, supporting different modes of inputs, scaling issues during big events, and how performance optimization is key for delivering on both high end mobile devices to compact streaming media players. Whether you’re expanding an existing mobile app to the big screen or building a TV-first experience for your existing react site, this session will provide you with tips and best practices from peers that have been through it before.

What’s involved with running quality multi-device apps? Hear from Entertainment & media app builders on the challenges when building across Mobile, Web, and TV with React + React Native. We’ll cover common questions such as handling variable screen resolutions, supporting different modes of inputs, scaling issues during big events, and how performance optimization is key for delivering on both high end mobile devices to compact streaming media players. Whether you’re expanding an existing mobile app to the big screen or building a TV-first experience for your existing react site, this session will provide you with tips and best practices from peers that have been through it before.

What’s involved with running quality multi-device apps? Hear from Entertainment & media app builders on the challenges when building across Mobile, Web, and TV with React + React Native. We’ll cover common questions such as handling variable screen resolutions, supporting different modes of inputs, scaling issues during big events, and how performance optimization is key for delivering on both high end mobile devices to compact streaming media players. Whether you’re expanding an existing mobile app to the big screen or building a TV-first experience for your existing react site, this session will provide you with tips and best practices from peers that have been through it before.

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.

The network that stands between our server and the client is what causes the most complexity in our development process. Whether it be the initial UI we generate on the server, the API calls we make as the user navigates around, or the form submissions our user makes, keeping the application responsive and up-to-date is a massive chore. What would it be like if all of that complexity just disappeared? Freaking great, that's what it would be like. And React Server Components and Actions are what's making that possible. In this talk we'll look into how that's happening and how we can take advantage of this amazing developer experience to deliver even better user experiences.

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.

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.

Once upon a time in React Native land, thousands of components lived in peace. All except one: an undying video player, its sound forever whispering in the app. A valiant team of developers embarked on a quest to defeat it; they journeyed through the valleys of Old Architecture and navigated the labyrinths of New Architecture, ultimately triumphing over the specter. What secrets did they uncover along the way? Listen to the tale of the Ghost Player to find out!

What's new from the React DevX team? We've been hard at work on improving the core debugging experience in React Native, and we're excited to share our updates. In this talk, we'll present our holistic approach to the debugger and the significant architecture changes made in the last year. We'll tour the new experience coming to users, and share a small peak into our future roadmap.

In an era where user interface (UI) and smooth animations are not just features but necessities for mobile applications, the integration of Skia, an open-source 2D graphics library, with React Native opens new avenues for developers. This talk explores how Skia enhances React Native by offering superior performance and new capabilities in rendering animations and UI components. Attendees will learn about the technical synergies between React Native and Skia, see real-world examples of their application, and discover how to leverage these technologies to create visually stunning and highly performant mobile apps.

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.

Thanks to web browsers, JavaScript is everywhere, even on Apple's not (yet) released extended reality headset. But wouldn’t it be more fun to run JS natively, without the browser, with unlimited access to this new platform capabilities of spatial computing? Yes it would! And thanks to React Native it turned out easier than I thought (yet still very challenging). And with this talk I want to share my journey and ideas for the future.

Spoiler: the new architecture! You’ve probably heard about the React Native New Architecture for mobile, but did you know that the New Architecture works on desktop as well? In this talk we will cover what the new architecture brings for desktop development, discuss why building native apps can be better for your users on the 1.5+ billion desktop devices, and share more info about the future of React Native for Desktop.

Spoiler: the new architecture! You’ve probably heard about the React Native New Architecture for mobile, but did you know that the New Architecture works on desktop as well? In this talk we will cover what the new architecture brings for desktop development, discuss why building native apps can be better for your users on the 1.5+ billion desktop devices, and share more info about the future of React Native for Desktop.

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.

Apps aren’t always confined to one country or language. And if you’re already doing all the work of building out a whole app, why not expand your user base to the millions of non-English speakers? In this session I’ll show how internationalization (i18n) is more than just replacing translation strings, making your app accessible to a global audience, including the often-overlooked 750 million speakers of right-to-left (RTL) languages like Arabic, Hebrew, and Urdu. I’ll show you practical steps, compare the different i18n libraries, and talk about success stories — such as when my mom helped me translate our Ignite boilerplate project to Arabic. You’ll walk away with confidence and tools to expand your user base and stand out.

This talk aims to delve into the Open Mobile Hub (OMH) SDK, showcasing its potential as a revolutionary resource for developers. Anchored by the Linux Foundation Europe, OMH is supported by a global network of founding members, highlighting its international impact and relevance in the developer community. OMH represents a paradigm shift towards an open, collaborative mobile ecosystem. The talk will delve into how OMH can empower developers, service providers, OEMs, and users by providing a unified, open-source framework. This framework facilitates cross-platform app development, enhances service interoperability, and ensures a more inclusive and dynamic mobile environment. The session aims to inspire attendees to embrace and contribute to this open-source movement, paving the way for an innovative mobile ecosystem.

This talk aims to delve into the Open Mobile Hub (OMH) SDK, showcasing its potential as a revolutionary resource for developers. Anchored by the Linux Foundation Europe, OMH is supported by a global network of founding members, highlighting its international impact and relevance in the developer community. OMH represents a paradigm shift towards an open, collaborative mobile ecosystem. The talk will delve into how OMH can empower developers, service providers, OEMs, and users by providing a unified, open-source framework. This framework facilitates cross-platform app development, enhances service interoperability, and ensures a more inclusive and dynamic mobile environment. The session aims to inspire attendees to embrace and contribute to this open-source movement, paving the way for an innovative mobile ecosystem.

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.

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!

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!