List of videos

React Native EU 2021: Louis Zawadzki - Going 100% TDD with React Native Testing Library

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: A year ago, I challenged myself to practice TDD on my React Native application all the time for two weeks. At first, I was afraid, then I was petrified. I kept thinking I could never write tests that 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 two weeks I realized that it was one of the best decisions I had ever made. One 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 recommend 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! About the speaker: "Louis Zawadzki has been developing React Native apps of different sizes and shapes since 2017. He became a developer after he heard that "a server is like a computer, but without a mouse nor a screen," and was intrigued to know what kind of superpowers developers had to do something with no mouse and no screen. "Life is too short to click on simulators" could be his motto, hence his love for TDD and building easily changeable and testable architectures. He is also passionate about many things such as German rock music from the 70s, storefront typography and fig rolls." Twitter: https://twitter.com/zawadzkil Github: https://github.com/louiszawadzki Additional links: "A catalog of TDD recipes for React Native: https://louiszawadzki.github.io/react-native-tdd/ An article I wrote about how TDD had such an impact on my career: https://blog.bam.tech/developer-news/software-development-learning-path"

Watch
React Native EU 2021: Truls Skeie - React Native going Native

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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 🤞🏼 Speaker bio: Been building software products for the last 10 years. I've been shipping more than five different apps using React-Native and I have been part of teams maintaining several React-Native apps for years. Currently building https://www.shiftfm.app/ and https://kron.no/ Twitter: https://mobile.twitter.com/trulsskeie Github: http://github.com/skeie Additional links: Slides: https://docs.google.com/presentation/d/1n1MVU-8NGvfUBAyrhKTwFYENuUs6lQI1aBe_FLRDJsc/edit#slide=id.p Show case app: https://www.shiftfm.app/ "

Watch
React Native EU 2021: Milica Aleksic - React developers in a wild world of native apps

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Speaker Bio: Software Engineer living and working in Serbia. Tech Lead in Badin Soft with experience working on React and React Native apps. Loves teaching and mentoring, and considers it a work of heart. Supporting women who code and inspiring girls in their path to become successful developers. I have been more active on Instagram where I share my knowledge in React, React Native, and JS generally so here is links for Instagram and Twitter to check it out: Instagram: https://www.instagram.com/millicode_/ Twitter: https://twitter.com/millicode_

Watch
RNEU2021 M. Rousavy: How JSI powers the most advanced Camera library (VisionCamera Frame Processing)

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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? Speaker Bio: 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. Vienna Legend | 30% of my time in VSCode, 70% sipping in irish pubs Twitter: https://twitter.com/mrousavy Github: https://github.com/mrousavy Additional links: VisionCamera: https://github.com/mrousavy/react-native-vision-camera react-native-mmkv: https://github.com/mrousavy/react-native-mmkv Colorwaver: https://github.com/mrousavy/Colorwaver (example for a Frame Processor Plugin)"

Watch
RNEU 2021: Thor Schaeff - "Show me the money" - securely accepting payments in React Native apps

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. About the speaker: Thor (@thorwebdev) is a Developer Advocate at Stripe working to make processing payments seamless and help grow the GDP of the internet. In addition, Thor is an active contributor for several open source projects. Based in sunny Singapore, Thor serves as an active mentor and technical advisor to several developer-focused startups. Twitter: https://twitter.com/thorwebdev GitHub: https://github.com/thorsten-stripe

Watch
React Native EU 2021: Arnaud Bezançon - React Query with GraphQL code gen and Typescript

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: React Query is gaining attraction among React Native developers with its 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. About the speaker: Arnaud creates low code application development platforms to address business process complexity. These solutions are used worldwide to implement critical enterprise workflows as new product creation, directorship management, people mobility, artist contract management and global clinical survey. He regularly organizes R&D sessions and company retreats in different countries (FR, ES, PT, UK, IT, DE, MO, IN). During these sessions they explore new technologies and architectures (front-end and back-end frameworks, Cloud and Edge ecosystems) and create prototypes and Proof Of Concepts. He has been leading the development of React Native with GraphQL app since 2017. DX is his passion. Twitter: https://twitter.com/ArnBZN GitHub: https://github.com/arnaudbzn Additional links: Link to the Github repo that contains the React Native Demo app source code: https://github.com/advantys/react-native-react-query-demo

Watch
RNEU 2021: Lorenzo Sciandra & Tommy Nguyen - Improve all the repos – exploring Microsoft’s DevExp

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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? About Tommy: Tommy is a Software Engineer at Microsoft who has shipped React Native based experiences within existing Microsoft apps and are now focussing on tooling and making the developer experience better for everyone. Twitter: https://twitter.com/lord_sherlock GitHub: https://github.com/tido64 Additional links: You can find react-native-test-app here: https://github.com/microsoft/react-native-test-app And RNX-KIT here: https://github.com/microsoft/rnx-kit (dep-check is in the /packages folder) If you want to check out for yourself the slides material, the slides are here: https://speakerdeck.com/kelset/improve-all-the-repos-exploring-microsofts-devexp the demos' steps are listed here, along with the demo monorepo used in the second one: https://github.com/tido64/rneu-demo the PR to migrate RN-webview to RNTA here: https://github.com/react-native-webview/react-native-webview/pull/2148

Watch
React Native EU 2021: Helena Ford - Local Notifications in React Native

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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 Bio: Helena is the CTO of StackTiger and has been building and shipping React Native apps since it was first released. She is a maintainer of Notifee, a library for creating local notifications, and is somewhat of a Firebase Messaging expert. When she’s not killing her Macbook processor, she likes to read, binge YouTube, and cook up new plant-based recipes. Twitter: https://twitter.com/helenaellieford

Watch
React Native EU 2021: Jon Samp - How to iterate on your app faster with Expo

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: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. Bio: Jon Samp is a software developer and designer at Expo. In 2019, Jon built a React Native app named Codecademy Go, which was featured as Apple's App Store App of the Day. Jon enjoys making pour-over coffee, distance running, and hanging out with his partner and their two pets. Twitter: https://twitter.com/jonsamp Github: https://github.com/jonsamp

Watch