App.js Conf ‘22

Animations should be fun

Are you afraid of animations? Well, you shouldn't be, Reanimated got you covered. Your mobile application can share a story through animations, can help users through micro-interactions and differentiate your app from the others.

The state of one codebase for all the platforms

How can we have one codebase for mobile and web when both of them have different APIs and behaviour? In the talk, I will cover the behavioural and the technical differences for web and mobile platforms. From a behavioural point of view, what are the different ways that users interact with the interfaces, covering right from gestures for navigation to how accessibility is handled. From a technical point of view, I will talk about the high-level architecture from painting pixels on the screen to the React Native and React source codes. After setting up the stage for differences, I will present ideas on how the community is solving them and what's the current state of the same. This includes talking about Expo, React Native Web, Accessibility and a unified Navigation approach.

Publish updates with Expo and React Native

There’s a bug in your app. Fix this by sending a small JS update to your users in between build and submit cycles. Track who got your fix with our Deployments tool. In this talk, I’ll show you how to publish small updates to your users with confidence. We’ll cover how to do this with a production grade app along with more advanced use cases like feature rollouts.

Measuring and improving React Native performance

The web has several tools to measure performance, but what about us, React Native devs? Have you ever added some optimization in your code (like a memo here and there) and wondered if it had a real impact on performance? Presenting a Flipper plugin to measure React Native performance, with a concrete case of how we used it to bring our app performance to the top quality. Bonus: a deep dive into React DevTools flame charts!

Bringing the New React Native Architecture to the OSS community

At the end of 2021, Meta successfully rolled out the new React Native architecture in the Facebook app. Now, it’s time to empower every React Native developer on the globe to use it. To support the whole community in this endeavor, we lined up a set of tools and materials that will help both app and library developers to join us in this journey. In the talk, I will present how the New React Native Architecture looks in the OSS space. I will discuss the impact this will have on developing React Native projects. Lastly, I will cover what we learned from the React Native new architecture migration at Meta, and how you can tackle your migration in your organization.

Building for all and for us: how contributing to open source projects is helping Shopify and React Native build the future of Mobile.

One of the most important features of React Native is the community support to the framework and the multiple libraries built around its ecosystem. React Native's transformation of mobile development has only been so successful due to the multiple parties constantly investing in its evolution. This talk aims to provide some insights into Shopify's mission to improve React Native by addressing the framework's biggest shortcomings.

How to build a universal design system

How do you build a design system that works on React DOM and React Native, with a familiar styling solution that can be shared across multiple apps and used by multiple teams? This is something we solved while building the Showtime app. We created Universal UI: a universal design system that works on iOS, Android and Web. It's a library of high-quality components to build your apps faster with less code (and less bugs). Come to App.js to learn how to build your own universal design system based on Universal UI!

React Native at Traveloka

The speech will revolve around our journey using React Native to develop applications at Traveloka. Currently, we have 1 hybrid application and 6 applications built using React Native from scratch. Reusability is the key theme of our work, so I will focus on the interoperability between React Native and Native which includes git submodules to support development workflow in multiple repositories and sharing components between them. I will also talk about how we developed an in-house solution for enabling bundle splitting in React Native code as it enables several capabilities, such as Independent CodePush release.

Web3 for Mass Adoption with StarkNet and React Native

Why do we need the blockchain? For the first time ever, blockchain allows people to own a piece of digital asset on the internet. Digital ownership and sovereignty has unlocked new use cases that allows people to create, trade, and earn value online with unprecedented scale. With StarkNet.js, you can now build scalable web3 mobile dApps that allow your users to participate in this new digital economy.