List of videos

Abstract: We are developing an app based on ReactNative and Firebase for a customer. The app has around 1.8 million downloads and around 300k active users. We are running a three week release cycle with new A/B tests and new features in every release. The application has 99.8% sessions without crashes and a 4.6/4.7 star rating on the AppStores. All that is achieved with only two developers. I want to share some insights on how we are able to make this possible. We are able to focus most of the time on developing by automating all tasks which we are able to automate and have clear processes wherever possible. The talk will focus a lot on how to specifically automate task in the ReactNative environment. Some examples of things we automated: - PR quality checks - Unit testing (Jest) + Code styling (ESlint) + Typechecking - End user testing on real devices (AWS Device Farm + Appium) - Testing Builds + Shipment to customer - Production Builds + Shipment to stores - Integration of translation systems - Generation of sourcemaps and shipment to bug tracking system

Abstract: Feature flags allow development teams to separate code deployment from feature release. It has grown to be an essential tool for testing in production, A/B testing, and controlled rollout. Controlled rollout using feature flags is a way to deliver features to your users safely, but doing it on mobile comes with some challenges. How do you propagate feature flagging configuration to mobile devices that don’t always have a strong network? As a mobile developer, you want to be able to use the latest flag configuration, but you also don’t want to stop someone using the app just because you can’t load the feature flag config. In this talk, we'll start with why controlled rollout is important and how feature flags enable you to do it successfully, then we will talk about mobile specifics, and then a demo with React Native.

Abstract: In this talk, we'll go through the creation of gatsby-plugin-react-native-web, to more advanced cross-platform experiments I run on my static blog and my personal mobile app. We'll use technologies like Gatsby, MDX, React-Native-Web, Expo, React-Navigation, Netlify, and see how all these tools can enable CI automated cross-platform content authoring solutions.

Abstract: Upgrading dependencies can be a daunting experience. When dealing with numerous moving parts, diagnosing issues can demand a lot of patience. I recently had to upgrade a React Native app from 0.55.4 to 0.62.2 and learned some valuable lessons, which this talk aims to share.

Welcome everyone to React Native EU 2021 live-stream! We’re excited to see you all! Join our official Discord channel: https://discord.gg/u5Kqf2G3 Feel free to say “hi!” and ask questions regarding the talks! Check conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/H0WdydL0 Agenda for September 1st: 00:00 Intro 29:50 Opening 33:25 Marc Rousavy: How JSI powers the most advanced Camera library (VisionCamera Frame Processing) 1:06:25 - Joshua Gross: The New React Native: Bringing the Fabric renderer to the “Facebook” app 1:46:28 - Khalef Hosany: Unlocking the next generation of desktop apps with React Native 2:15:42 - Break 2:31:02 - Aleksandra Desmurs-Linczewska: What if I want to be a game dev? 2:50:10 - Satyajit Sahoo: React Navigation 6.x, fresh from the oven 3:23:39 - Truls Skeie: React Native going Native 3:45:04 - Sanket Sahu: Building Accessibility Hooks for React Native & Web 4:15:55 - Break 4:46:13 - Milica Aleksic: React developers in a wild world of native apps 5:06:35 - Jon Samp: How to iterate on your app faster with Expo 5:28:43 - Shivay Lamba: Machine Learning with React Native using MediaPipe and TFLite 6:05:48 - Arnaud Bezançon: React Query with GraphQL code gen and Typescript 7:04:58 - Helena Ford: Local Notifications in React Native Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/H0WdLrR0 All the details regarding The React Native Show podcast can be found here: https://hubs.li/H0WdBlm0 Callstack is hiring! Check for more info: https://hubs.li/H0WdLSs0 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/H0WfK8v0 Subscribe to Callstack newsletter to be always up to date with the latest articles, podcast episodes, job positions and news that happen at our company: https://hubs.li/H0WdMFC0 Follow Callstack on Twitter: https://twitter.com/callstackio

Welcome everyone to the second day of React Native EU 2021 Virtual Conference! We’re excited to see you all! Join our official Discord channel: https://discord.gg/u5Kqf2G3 Feel free to say “hi!” and ask questions regarding the talks! Check conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/H0Wdyk-0 Agenda for September 2nd: 00:00 Intro 31:18 Lorenzo Sciandra, Tommy Nguyen: Improve all the repos - exploring Microsoft’s DevExp 1:01:21 - Paweł Trysła: Code Splitting in React Native 1:24:32 - Monica Restrepo: What went wrong?! Deep dive into debugging React Native applications 1:41:15 - Break 41:56:39 - Grant Sander: Modern Animating in React Native - an Introduction to Reanimated V2 2:26:58 - Alexander Kuttig: Animate everything - How to use Animations with 60 fps 3:10:04 - Mateo Silguero: H*ck yourself 3:33:10 - Thor Schaeff: “Show me the money” - securely accepting payments in React Native apps 3:59:13 - Break 4:29:39 - Louis Zawadzki: Going 100% TDD with React Native Testing Library 4:56:15 - Lars Thorup: Sub-second integration tests for your React Native app and Bluetooth device 5:18:32 - Akshat Paul: Real Time video communication made easy with React Native (and WebRTC) 5:42:00 - Wojciech Kwiatek: Creating a VoIP app in React Native - the beginner's guide Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/H0WdLF60 All the details regarding The React Native Show podcast can be found here: https://hubs.li/H0WdBvd0 Callstack is hiring! You will find more info here: https://hubs.li/H0WdLZn0 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.ly/H0WfKCc0 Subscribe to Callstack newsletter to be always up to date with the latest articles, podcast episodes, job positions and news that happen at our company: https://hubs.li/H0WdMLd0 Follow Callstack on Twitter: https://twitter.com/callstackio

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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? Paweł Trysła aka. Zamotany is a software engineer at Callstack and the lead engineer at Re.Pack. Paweł calls himself “the tooling guy” with extensive knowledge of Webpack and Babel. He is also a huge fan of Electron, functional programming and RxJS. Twitter: https://twitter.com/_zamotany Github: https://github.com/zamotany

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Wojciech is a JavaScript developer, trainer, and mentor. Started commercial programming with Node.js, then switched to front end world to work with mobile lastly. During the past few years went through many JS frameworks and companies building different pieces of software. For many years involved in JavaScript trainings by preparing materials and leading both open-source and commercial workshops. Now bridging the gap between tech and business. Twitter: https://twitter.com/WojciechKwiatek Github: https://github.com/wkwiatek Additional Links: Link to slides: https://www.slideshare.net/WojciechKwiatek3/react-native-eu-2021-creating-a-voip-app-in-react-native-the-beginners-guide Link to the main React Native packages mentioned in the talk: - React Native WebRTC: https://github.com/react-native-webrtc/react-native-webrtc - React Native CallKeep: https://github.com/react-native-webrtc/react-native-callkeep

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Lars is an experienced software developer, architect and coach. Lars is an expert in fast and robust test automation with a track record of successfully running 200+ integration tests per second. Currently Lars focuses on web and mobile development with React and React Native. Twitter: https://twitter.com/larsthorup Github: https://github.com/larsthorup Additional Links: Link to slides: https://www.fullstackagile.eu/2021/09/02/react-native-bluetooth-ble-mock-recording/