Jon Samp
Time to reconnect
App.js is an appreciation event for the open-source and React Native community. Check out the previous edition and join us in 2022!
Workshops
All workshops are full day events, scheduled for June 8th, the first day of App.js Conf. Workshops are limited to 30 seats each. Book your spot and buy your ticket today!
TC Davis
Setting up a professional development process with Expo and EAS
Setting up a professional development process with Expo and EAS
Get started with Expo Go and then learn how and when to move to Development Builds with expo-dev-client. Configure EAS Build and Submit to automate deployments to internal teams and also app stores, and then automate this further using GitHub Actions. Create multiple variants of your app so you can have production and development versions installed on the same device. Use EAS Update to deploy updates to live apps or to preview in Development Builds. For deploying live updates, we’ll explore popular deployment patterns for safely promoting releases from preview to production. For previewing in Development Builds, we’ll look at how you can automatically publish previews on pull requests so reviewers can test your changes by scanning a QR code. Additional topics: set up a monorepo using Yarn workspaces, extend your app with config plugins, and troubleshooting common problems.
This workshop is led by Jon Samp - a software manager and the product manager leading the EAS Update at Expo, and TC Davis - an experienced Expo developer, recently leading the expo-dev-client team.
Interested? Book your spot!
Evan Bacon
Lydia Hallie
Modern intro to app development with React and Expo
Modern intro to app development with React and Expo
Every great app begins with an idea. And then… what? Going from having a great idea to distributing a successful, native app might seem overwhelming. In this workshop, we’ll walk you through all the steps that you can take in order to turn your ideas into reality, by creating scalable applications using modern practices and the latest technology. Let your creative juices flow and don’t be afraid to build, publish, and distribute your own cross-platform applications in no time using Expo & React Native!
Your hosts are Evan - a full time open-source developer working on Expo and Lydia - a software engineering consultant, who’s spent hours on mentoring and training others.
Interested? Book your spot!
Krzysztof Magiera
William Candillon
Enriching user experiences with drawings, gestures and animations
Enriching user experiences with drawings, gestures and animations
User experience is what distinguishes a good app from a great one. In order to succeed in the competitive market of mobile apps, you not only want to make your products great, but also want to stun your users and make their experience with your product delightful. There is no better way to achieve this than making the app feel fast, natural to interact with, and easy to use. During this workshop you will learn some of the most powerful techniques in React Native that enables building sophisticated visual effects, performant animations and having all of that being driven by natural, gesture-based interactions – we will focus on various use cases for react-native-skia, react-naitve-reanimated and react-native-gesture-handler libraries, learn how they can be used to create complex, animated interfaces, and have a lot of fun while doing so.
The workshop will be hosted by William Candillon – author of react-native-skia and a number of courses on animations and interactions in React Native (i.e. popular YouTube series “Can it be done in React Native”), and by Krzysztof Magiera – former React Native core team member and author of react-native-gesture-handler and reanimated libraries.
Interested? Book your spot!
SOLD OUT
Tomasz Zawadzki
Krzysztof Piaskowy
Everything you need to know about Fabric and JSI
Everything you need to know about Fabric and JSI
New React Native architecture is just around the corner, and you better be prepared for it to take advantage of all the improvements that have been in the works by the core team over the last years. During this workshop you will learn the core concepts of the new architecture and how it can be utilised when bridging native functionalities to React Native apps. Based on a number of practical examples you will build your own native module, implement your own platform-specific native component integration, and finally configure it for distribution. If you have ever wondered about how to build native modules, have your own library, or work on some native code integration, this workshop will allow you to learn everything that’s necessary to adapt the changes that come with the new architecture to your project’s needs.
Your hosts for this workshop will be Krzysztof Piaskowy and Tomasz Zawadzki – authors of numerous JSI-enabled libraries and Fabric ports including react-native-reanimated, gesture-handler, and screens.
Interested? Book your spot!
SOLD OUT
Conference agenda
9:30
Keynote and Expo announcements
Charlie Cheever & Tomasz Sapeta & Evan Bacon
10:30
Animations should be fun
Catalin Miron
11:00
Break
11:30
The state of one codebase for all the platforms
Sanket Sahu
12:00
Publish updates with Expo and React Native
Quinlan Jung
12:30
Measuring and improving React Native performance
Alexandre Moureaux
13:00
Lunch
14:30
Bringing the New React Native Architecture to the OSS community
Nicola Corti
15:00
Building for all and for us: how contributing to open source projects is helping Shopify and React Native build the future of Mobile
Monica Restrepo
15:30
How to build a universal design system
Axel Delafosse
16:00
Break
16:30
React Native at Traveloka
Vanya Deasy Safrina
17:00
Web3 for Mass Adoption with StarkNet and React Native
Sean Han & Janek Rarht
Speakers
Quinlan Jung
Quinlan Jung
Expo
"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.
Kelvin Okundi Ndemo
Kelvin Okundi Ndemo
Twiga Foods
"Expo at scale in fast paced startup; Build, Deploy, Publish"
In this talk, I want to focus on how Expo has made it easy for us as a company to build two apps we are maintaining and deploy them with ease, how we are able to fix and publish code within seconds and how EAS has boosted our productivity. Not being a native developer, and having tried maintaining two codebases as a startup with only 3 engineers, my talk will be focused on how the build once deploy everywhere philosophy has really benefited us as a company and the flexibility that expo offers to us.
Monica Restrepo
Monica Restrepo
Shopify
"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.
Axel Delafosse
Axel Delafosse
Showtime
"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!
Derek Stavis
Derek Stavis
Brex
"Controlling hardware in a week with Expo and EAS"
I love my e-bike but I felt like none of the apps available to configure and track rides were up to my standards. That’s why I decided to build my own. But if working with hardware by itself isn’t already hard, creating a smooth user experience, dealing with the build and distribution process makes everything more complicated. That is, unless you use Expo, Reanimated2 and EAS. During this talk I’m going to share how I went from idea to creating a Bluetooth LE enabled app, an amazing animated dashboard and a great user experience using these tools in 1 week.
Kudo Chien
Kudo Chien
Expo
"The Hidden Features from V8 to Boost Your React Native Apps"
Benefiting from JSI abstraction, nowadays, we can have different JavaScript runtimes by developers' choices. Many references recommend using Hermes for TTI (Time-To-Interactive) performance gain. On the other hand, V8, another famous JavaScript runtime you probably would use daily from Google Chrome or Microsoft Edge browsers, has many powerful features. This talk would go through some V8 features like JIT, inspector, WebAssembly, and bytecode caching to help React Native apps. These weapons will give developers more choices to develop good apps. Other than that, with Expo config-plugins, V8 adoption in an Expo managed project has never been easier.
Fernando Rojo
Fernando Rojo
BeatGig
"Building Cross-Platform Apps with React Native + Next.js"
One of the main benefits of using React Native for us has been the ability to share non-UI code between our web applications and our mobile applications. This talk, Fernando will focus on how to properly setup a monorepo with shared code and React/React Native apps and how to build and deployment configurations for Expo, Vercel, etc.. He will also cover architecture choices, authentication flows (same backend API but very different frontend) and common problems and some other issues we've encountered.
Vanya Deasy Safrina
Vanya Deasy Safrina
Traveloka
"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.
Catalin Miron
Catalin Miron
Nomad Developer
"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.
Jessica Lo
Jessica Lo
Chime
"Scaling the mobile app"
At Chime, we need to ensure our mobile app can scale with our member base. There are a number of intentional design decisions we’ve made to ensure our members’ experience is seamless and our app is both highly available and resilient. In the talk, we will cover topics of REST/GraphQL requests, designing our mobile queries, and keeping our app resilient.
Wouter van den Broek
Wouter van den Broek
Synappz Digital Health
"Infiltrate your own Expo / React Native app"
Wouter van den Broek is a independent consultant and engineer. He has build more than 200 apps, from Symbian to BlackBerry to iOS and Android and now on the endeavor with React Native. With all these years of experience in the mobile world with building mobile apps there is alot of knowledge to be shared. Also loves new technology, software processes; how to figure those out and traveling and reading.
Taz Singh
Taz Singh
Guild
"React Native Everywhere!"
Developing for each platform individually is so 2010s. These days, with React Native’s component system providing base-level UI constructs, we can efficiently develop for every platform while not sacrificing any particular platform’s uniqueness. Taz will review the approach they’ve taken while developing Guild, and the creation of their Mondrian cross-platform responsive design system as well as how they’ve accommodated the differences in navigational experiences across platforms to accomplish a codebase that can be 95+% shared across every platform.
Alexandre Moureaux
Alexandre Moureaux
BAM
"Measuring and improve 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!
Sanket Sahu
Sanket Sahu
GeekyAnts
"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.
Sean Han
Sean Han
PlayOasis
"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.
Janek Rahrt
Janek Rahrt
Argent
"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.
Tomasz Zawadzki
Tomasz Zawadzki
Software Mansion
"Migrating to Fabric"
Excuse me, do you have a moment to talk about Fabric? Do you sometimes wonder what the new architecture is all about? Is it difficult to port my app or library to Fabric? What exactly does that change for me and is it really worth it? We're glad you asked. Tomasz and Krzysztof will not only answer these questions but also share their recent experience with the new architecture from the perspective of migrating open-source libraries.
Magdalena Jaśkowska
Magdalena Jaśkowska
The Widlarz Group
"The only in-app notification library that you will ever need."
Have you ever had a problem with creating in-app notifications for your users? None of the available solutions meet your expectations? Let me introduce the brand new in-app notification library. I’ll demonstrate its features and how to implement it into your code. Customise animations, styles and more or choose from the wide range of options we have prepared.
Krzysztof Piaskowy
Krzysztof Piaskowy
Software Mansion
"Migrating to Fabric"
Excuse me, do you have a moment to talk about Fabric? Do you sometimes wonder what the new architecture is all about? Is it difficult to port my app or library to Fabric? What exactly does that change for me and is it really worth it? We're glad you asked. Tomasz and Krzysztof will not only answer these questions but also share their recent experience with the new architecture from the perspective of migrating open-source libraries.
Nicola Corti
Nicola Corti
Meta
"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.
George Xu
George Xu
Chime
"Scaling the mobile app"
At Chime, we need to ensure our mobile app can scale with our member base. There are a number of intentional design decisions we’ve made to ensure our members’ experience is seamless and our app is both highly available and resilient. In the talk, we will cover topics of REST/GraphQL requests, designing our mobile queries, and keeping our app resilient.
Michał Pierzchała
Michał Pierzchała
Callstack
"Continuous monitoring app's performance, made simple"
A wise person once said: “Never spend 6 minutes doing something by hand when you can spend 6 hours failing to automate it”. As developers we love automating things. It’s not always simple though. It’s not always possible yet as well. We can’t be sure if we don’t try at least. When it comes to performance testing of React and React Native applications, we usually pick the manual way, because the topic quite complex with issues coming from multiple realms. But what if we could automate some part of it? Make measuring the most impacting metrics a habit? Let’s say, a part of the standard CI pipeline? Wouldn't we spot the issues quicker this way? Look no more, because someone already spend those “6 hours” for you and is going to open source it really soon.
Mateusz Front
Mateusz Front
Software Mansion
"Using your phone to make an actual call - videoconferencing in React Native with Membrane"
In case you forgot, making calls was the initial reason behind inventing the telephone. Nowadays, video calling is no big deal too, so it should be fairly easy to embed a video calling feature in your app, right? Well, it wasn't until we created Membrane-RN-WebRTC. In this talk, I'll show you how to set up video chat in your RN app in minutes, with Membrane RTC Engine [https://github.com/membraneframework/membrane_rtc_engine] working as the media server. I'll also explain what technologies we used and why, why video streaming is hard in general and what Membrane-RN-WebRTC does to make it easier.
Organizer
At Software Mansion we specialize in building tools for other developers. We’re the authors of many React Native libraries and we want to share our knowledge through App.js Conf.
Main partner
Learn about React Native and Expo straight from their creators.
Venue
Located right in the Jewish district - Kazimierz, Stara Zajezdnia is an exceptional historic building listed on a UNESCO World Heritage List.
Have a question about App.js?
Drop us a line at [email protected], we're happy to help.
