REACT UNIVERSE CONF

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. 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.

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!

A talk from the React DevX team highlighting and demoing the rearchitected debugging product for React Native that we will be shipping this year. It'll cover: - the motivation/architectural changes made - the new experience for users - the roadmap for future capabilities

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.

The New Architecture, but as you've never understood it before!

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.