Everyone talks about JSI - it will be powering the upcoming React Native re-architecture, it is already used by some libraries (such as Reanimated), and a lot of people already explained how it works and what problem it solves. But what does this have to do with a Camera library?
In this talk I will explain how JSI and Reanimated Worklets power VisionCamera's flexible and powerful plugin API for general purpose Camera frame processing (e.g. Object-detection, Image-labeling, Facial-recognition, Text-recognition, WebRTC, ...), why this is such a game-changer, and what this means for real world applications.

From 2018 until mid-2021, the React Native core team at Facebook migrated the Facebook app to use the new Fabric renderer. I will be talking about the journey of shipping the new Fabric renderer fully in the Facebook app; challenges we faced along the way; and how we overcame them. This talk will be less about Fabric itself (the “what”) and more about our experiences of using it at scale and migrating a very large codebase to using exclusively Fabric (the “how”), and what we learned along the way.

Microsoft is excited to share with you how React Native for desktops (Windows, macOS) has enabled key partners and our own teams to build highly performant and accessible experiences. We’ve doubled down and invested heavily in React Native – come learn what’s next for React Native for desktops.

React Native offers a rich ecosystem of libraries and tutorials on app development. But what if what you want to develop are games? Is that possible in React Native? I'm here to tell you that it's absolutely possible! You can rely on plain old JavaScript or you can take advantage of a tool called Unity3D. We will look at how Unity can be integrated into a React Native project and what we can build in Unity.

It was not long ago when we released React Navigation 5, and announced it at RNEU. So I'm back again, this time with React Navigation 6. In this talk, I'll go through some highlights of React Navigation 6 and how it improves the DX, and discuss the reasons behind a major version bump.

Most of the people watching this talk have some sort of connection to React-Native, either by playing around with it or by doing it professionally. This talk will show alternative approach on how to build React-Native apps which you might not have tried before or even though of.  My story started two years ago, together with a friend we made an app to scratch our own itch, we wanted to listen to more podcasts. One of the things we tried was to listen to podcast while working out, which works fine when you go slow or rest between sets, but when you're going at it, it's hard to focus on the podcast or if you focus on the podcast you can get injured (I once started laughing from podcast in the middle of a squat rep, I do not recommend that 😅). Our solution was to create an app that plays music when you go at it and plays podcast when you rest or go slow - combined with a workout timer.

The interesting part here is that both playing music and podcast is done using native iOS and Android code. Together with playing audio we also have to run the workout timer on the native thread so if the app is put to background the timer still runs. The way we started architecture this app was to have a control center on the javascript side that emits events to the native side when its time to play music and when its time to play podcast, as well as an event listing to the timer running on the native thread.

Emitting events back and fourth over the bridge just to keep the native and the javascript in sync is not sufficient and error prone. So we did what any sane developer would do, we did a re-write! We moved all the logic from the control center to the native side and we also moved the counter UI to the native side.

In this talk I will go through how we did it from an Android perspective and I hope you might think of ways to optimise your app by levering the native side 🤞🏼

Accessibility shouldn't be a choice that developers should make. It should go without asking. Syncing states, adding the support of screen readers and keyboard interactions can be cumbersome. My team and I have built a set of React hooks that make it easy to build accessible React Native and Web components that complies with the WAI-ARIA standards. It's an adoption of React Aria (by Adobe) in React Native for mobile platforms. The web support is also enabled using React Native Web to make universal components that are accessible by default on all the platforms. We call it React Native Aria. Let's talk about it!

Going from web to mobile? Starting with React Native comes naturally for React developers, but there are some significant differences because mobile development is a totally different adventure. In this talk, I'd like to go over the challenges you'll experience in your journey from React to React Native apps. I'll offer my own experience as a React developer on how to get started building mobile apps and a new perspective showing that the mobile world is quite different from the web. I want to share all the differences, challenges, and advantages to keep in mind when diving into the native apps universe.

You've got an idea for an app and you've thought through how you'll build it. Now it's time to make your idea a reality. Along your development journey, you'll almost certainly run into complexities when configuring your project, sharing it with your team, submitting it to the app stores, and keeping it updated over time. In this talk, you'll learn how to take your idea from back-of-the-napkin notes to a full-fledged app store app using open source tools and services from Expo.

This talk gives an introduction about MediaPipe which is an open source Machine Learning Solutions that allows running machine learning models on low powered devices and helps integrate the models with mobile applications. It gives these creative professionals a lot of dynamic tools and utilizes Machine learning in a really easy way to create powerful and intuitive applications without having much / no knowledge of machine learning beforehand. So we can see how MediaPipe can be integrated with React Native, one of the most popular frameworks for creating cross platform applications. Giving easy access to include machine learning use cases in cross platform apps built using React Native.

React Query is gaining attraction among React Native developers with it's great DX and ecosystem.
During this talk we will explore all the features, tools and use cases that have been implemented in our last React Native app version in production and how it compares to Apollo Client and other popular GraphQL libraries.

- Stale-While-Revalidate concept
- Using GraphQL code generator to generate the Typescript types and custom hooks for the React Query operations
- Automatic re-fetch on screen focus, mutations and network status change
- Flat list with infinite queries
- React Suspense and Error boundaries support
- Cache persistence in the Async storage

We'll conclude with the lessons we have learned and other React Query features we plan to use in the future.

Most apps on your phone send user notifications; they are straightforward to integrate and apply to the most basic of use cases. However, most of these apps aren’t exploiting their full power to increase user engagement and retention.

There are two types of notifications used to inform users, local and remote (aka push). For example, a messaging app might let the user know when a new message has arrived, or a calendar app might inform the user of a scheduled appointment.

In this talk, we’ll walk through how to integrate local notifications in a React Native app and demonstrate how they can be elevated beyond the basic title and body, to enhance the overall user experience.

- Getting set up with Notifee
- Media support
- Quick Actions
- Scheduling using Trigger Notifications

Microsoft is big. Like, REALLY BIG. This means 100s of engineers working in their huge monorepos, and React Native experiences being thrown around across them... how can this even work? How do you improve, coordinate, remove frictions for so many codebases?
In this talk, we will dive a bit deeper on the technical side to present you some of the unique challenges we face at the MS scale, and introduce you to some of our custom tooling – who knows, maybe it will be helpful for you too?

Microsoft is big. Like, REALLY BIG. This means 100s of engineers working in their huge monorepos, and React Native experiences being thrown around across them... how can this even work? How do you improve, coordinate, remove frictions for so many codebases?
In this talk, we will dive a bit deeper on the technical side to present you some of the unique challenges we face at the MS scale, and introduce you to some of our custom tooling – who knows, maybe it will be helpful for you too?

While developing mobile applications we usually have a mental model of a single runnable piece of software that includes all features and there’s a good reason for that - it’s difficult to split functionality in native mobile applications. However, with React Native most of our logic lives as a JavaScript, which can be splitted. The web development community has been doing that for years. So what if we could split our React Native code using the power of Webpack?

One of the “funnest” tasks for every developer of any sort of application is getting to understand What Went Wrong. Debugging the code you so certainly thought was running right and understanding why now it isn’t.
This talk aims to deep dive into React Native’s debugging tools,  compare between the React Native Debugger, Flipper and Reactotron and selecting the right tools and strategies to debug the most common type of problems you can get when debugging your mobile application.

Animation is a crucial element of modern mobile UI development. The JS-to-Native bridge that makes React Native so great also has implications for animation, since declarative and performant animations should be declared on one side of the bridge and executed on the other, while making as few trips across the bridge as possible. In this talk I'll introduce an animation tool, React Native Reanimated 2, and how it helps simplify this mental model for performant animations while providing power-user tools for complex animations. I'll provide some real-world use-cases for Reanimated 2, and how it can fit into your React Native workflow even if you're not an animation expert.

There are multiple solutions if you want to work with animations in React Native. Each solution has its advantages and disadvantages. In this talk, you will get to know Animated, Reanimated 2 and Lottie, each solution with detailed code examples and recommended use cases for this solution. We will animate Image list headers with scale, translate and change opacity using Animated, change height, position and opacity onScroll using Reanimated 2 and use code controlled Lottie-Animations to animate characters. You will not only learn how to create such beautiful animations but also how to do it that they run at 60fps on every device.

Mobile apps could be vulnerables. There is a lot of tools for penetration testing, disassembling and software forensics, and if we don't protect our apps, the source code, our secrets, or even users data, could be in danger.
In this talk, we gonna see some tools and technics to understand how to prevent the app from being hacked, and what things you should consider about store/handle user data.

Stripe enables developers to securely process payments online around the world. With cross platform frameworks such as Flutter and React Native, it can pose a challenge to provide a delightful developer experience while ensuring customer payment details are handled securely.

In this talk and demo we will explore several use cases for how to integrate payments with React Native and provide a great developer experience that’s secure and optimized for mobile purchases. In addition, we’ll cover how strong developer demand and open source contributions led to the launch of Stripe’s React Native library.

A year ago, I challenged myself to practice TDD on my React Native application all the time for 2 weeks.
At first I was afraid, then I was petrified.
I kept thinking I could never write tests that to my code would abide.
But then I spent so many nights thinking about what testing is and how I was doing it wrong.
And I grew strong.
I became more confident writing tests with React Native Testing Library. After 2 weeks I realised it was one of the best decision I had ever made. 1 year later I would never go back, and I believe a lot of developers would benefit from it as well.
In this talk I am going to cover:
- a quick reminder of what TDD is
- how to use 100% TDD (yes, even with components!) on a React Native app by developing a HackerNews clone in RN
- why switching to TDD made me a lot faster
- why TDD made my code healthier
- in which conditions I would consider not using TDD
My goal is to lower the barrier to start using TDD with React Native and to convince other developers to give it a try!

This talk is targeted developers creating apps for a Bluetooth device, such as a loudspeaker, a toothbrush or a dishwasher. I report on my experience using the technique of "mock recording" to get very fast and robust integration tests.
In collaboration with SOUNDBOKS, a Bluetooth speaker company, I have developed an open source tool for creating and using recordings of Bluetooth (BLE) traffic to test a React Native app using Jest. The tool makes it possible to run several integration tests per second as opposed to several minutes per end-to-end test. The tool is based on years of production experience using mock recording for web traffic.
In this talk I introduce the methodology, perform a live demonstration of the tool, and report on our experience using the tool during app development: how is the quality and speed of feedback from these tests, and how easy is the tool to use for developers?
The tool is available at https://www.npmjs.com/package/react-native-ble-plx-mock-recorder.

With WebRTC, you can add real-time communication capabilities to your mobile applications. In this talk I will take you step by step how easy it is to build a video chat application  using React Native and WebRTC. The talk will introduce you to standard WebRTC application architecture of accessing the media devices, opening peer connections, discovering peers, and start streaming. We will implement all this with some live coding and demo using React Native.

How to make your mobile... to call? Is it easy to create another Skype or Whatsapp?
This talk will walk you through the various aspects of creating "the calling app". Starting with what the VoIP actually is, going through some theory of WebRTC connections, and ending with the CallKit of iOS vs Android way of handling calls with the React Native. It will give you a sneak peek of what is required to make a production app that handles outgoing and incoming calls and what kind of infrastructure you need. The talk is based on the experience taken from the phone app made for sales and support teams around the world.