React Native EU 2021 - Virtual Edition

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/

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Satya is a maintainer of React Navigation who has been contributing to React Navigation from almost the beginning, and lead the work behind React Navigation 5. He also maintains many other Open Source libraries besides React Navigation. Besides buildings components with React & JavaScript, he also like to cook delicious food and play video games. Twitter: https://twitter.com/satya164 Github: https://github.com/satya164

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Hi ! I'm Mateo Silguero, a mobile developer based on Argentina. I'm 25 years old, and a huge fan of React Native and web technologies. Lately im focusing on mobile security. I work at ank (https://www.ank.app/) a fintech startup from my country. Twitter: https://twitter.com/mateosilguero1 Github: https://github.com/mateosilguero Additional Links: slides: https://drive.google.com/file/d/18_69vtdHZJzUWlh6n_TOOOL_Pk4dQdaJ/view?usp=sharing demo code: https://github.com/mateosilguero/rn-eu-2021

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: Unlocking the next generation of desktop apps with React Native 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. Bio: I am a Principal Engineering Manager at Microsoft. My team works on the core runtime of React Native for Windows and contributes to React Native for Android. Github: https://github.com/Khalef1

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. About the speaker: Aleksandra is a frontend and mobile app developer living in Poland. She started working as a developer almost 10 years ago. She has participated in a variety of projects, both big and small, boring and challenging, innovative and well… regular :) Outside of work she has 2 kids, and a few very cute pets. Twitter: https://twitter.com/p_syche_ GitHub: https://github.com/p-syche Additional Links: List of all the links from the presentation: https://docs.google.com/document/d/1_DRvfJXGQ47Itzm99BSWnZ7td_JxJlWnSVutOFlGrNc/edit?usp=sharing

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 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. About the speaker: Shivay Lamba is a software developer specializing in DevOps, Machine Learning and Full Stack Development. He is an Open Source Enthusiast and has been part of various programs like Google Code In and Google Summer of Code as a Mentor and is currently a MLH Fellow. He has also interned at organizations like EY, Genpact. He is actively involved in community work as well. He is a TensorflowJS SIG member, Mentor in OpenMined and CNCF Service Mesh Community, SODA Foundation and has given talks at various conferences like Github Satellite, Voice Global, Fossasia Tech Summit, TensorflowJS Show & Tell. Twitter: https://twitter.com/howdevelop GitHub: https://github.com/shivaylamba

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. About the speaker: Akshat Paul is a software architect and author of many books most recently React Native for Mobile Development,The Ruby Workshop and RubyMotion iOS Development Essentials. He is also a seasoned technical reviewer on the topics of React, React Native, and Micro services with top publishers. He has extensive experience in mobile and web development. In other avatars, Akshat frequently speaks at conferences on various technologies. He was a guest speaker at React JS Case Study Festival, Cross Platform Mobile Summit, the TheDevTheory Conference India, Devops@scale Amsterdam, React Native Conference EU, RubyConfIndia, and the #inspect-RubyMotion Conference Brussels. He was also the keynote speaker at technology leadership events in Bangkok and Kuala Lumpur on TDD. Besides writing code, Akshat spends time with his family, is an avid reader, and is obsessive about healthy eating. More information about Akshat can be found at https://www.akshatpaul.com/. Twitter: https://twitter.com/paulakshat GitHub: https://github.com/akshatpaul

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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! About the speaker: Sanket is the founder of GeekyAnts - a Design and Development studio that is the team behind popular Open Source projects such as NativeBase, BuilderX, SyncState, and others. He is on a mission to empower everyone to build things and has spoken at conferences such as ReactNative EU, React Europe, ReactDay Bangalore, and others. Fun fact - he is also amazing at playing the guitar and has a studio at home! Twitter: https://twitter.com/sanketsahu Github: https://github.com/sanketsahusoft Additional links: Slides: https://drive.google.com/file/d/12iQiDhRIfhfCMS5nlZM6CRD2SxDto74V/view?usp=sharing

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. About the speaker: I am a software engineer that loves using JS to make cool things. I am focused primarily on mobile app development work with React Native, but I also try to stay up to date with the happenings in the web front-end space. I have a formal background in mathematics and education which has led to a soft spot for mobile UX and animation. Twitter: https://twitter.com/gksander93 Github: https://github.com/gksander Additional links: Slides and demo materials from the talk: https://github.com/gksander/rn-eu-2021-reanimated.

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: "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 the React Native Debugger, Flutter, Reactotron, and selecting the right tools and strategies to debug the most common type of problems you can get when debugging your mobile application. " About the speaker: Monica is currently working as a Mobile Software Engineer at Equinox Media while also finishing her master's in Software Engineering at the New York Institute of Technology. She has focused a big portion of her Engineering experience on Mobile development, especially React Native applications for companies like MLS and SaygeLink; as well as getting to understand the way things work the way they do from “the bottom - up.” Monica is a ML enthusiast, a -none of the best you have ever seen- snowboarder and surfer and, a forever learner. Twitter: https://twitter.com/imrestrepo Github: https://github.com/iamrestrepo

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"

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/ "

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_

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)"

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

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

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

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

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

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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. Bio:Joshua Gross (he/him) is a software engineer on the React Native core team at Facebook. For the past few years, Josh has been focused on the new renderer (Fabric) rollout within Facebook. Outside of React Native, Josh enjoys being over-caffeinated, eating spicy food, and supporting the lavish lifestyles of two rescue dogs. Twitter: https://twitter.com/joshuaisgross

This talk was presented during the React Native EU 2021 - the largest community conference in the world focused exclusively on React Native. Abstract: 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 the 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. ABout the speaker: Alexander is the owner of Horizon Alpha. He loves working on awesome React Native apps and the corresponding cloud-based backends. Twitter: https://twitter.com/AlexanderKuttig

The 10th episode of React Universe On Air (formerly known as The React Native Show Podcast) is fully dedicated to the questions that were asked during the React Native EU 2021 conference. We gathered four great React Native experts in one room to answer these questions (in Callstack's headquarters to be exact) and just let them go with the flow. During the Q&A panel, our panelists: Wojciech Kwiatek (https://twitter.com/WojciechKwiatek) - CTO at Channels, JavaScript developer, mentor, and trainer. Mainly focused on bridging the gap between tech and business. Mike Grabowski (https://twitter.com/grabbou) - CTO & Co-founder at Callstack. What’s more, he is also a React Native Core Contributor and host at The React Native Show podcast. Satya Sahoo (https://twitter.com/satya164) - React and React Native developer at Callstack. You may know Satya from the Open Source community, for he is one of the engineers that work on React Navigation library. Paweł Trysła aka. Zamotany (https://twitter.com/_zamotany) - Software engineer at Callstack. Paweł is also actively working for the development of React Native as the lead engineer at Re.Pack Open Source library (formerly Haul). answer a number of questions related to the conference revealing their favorite talks, the new React Native Architecture, present and future of React Native, Open Source libraries, and many more! Don’t forget to push the Subscribe button and share this video on your social media. More episodes are coming soon! Want to read more about the topics covered? Check this out: Implementing Code Splitting in React Native with Re.Pack https://callstack.com/blog/implementing-code-splitting-in-react-native-with-re-pack/?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA Why Use React Native for Windows? https://callstack.com/blog/why-use-react-native-for-windows/?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA More episodes of The React Native Show: https://callstack.com/podcast-react-native-show?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA Need help with your React Native project? Give us a shout! https://callstack.com/contact-us/?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA Check what we can do for you: https://callstack.com/services/?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA Callstack is looking for React Native developers! https://callstack.com/careers/?utm_campaign=Podcast&utm_source=youtube&utm_medium=social&utm_content=RNEU_2021_QA Follow us on Twitter (@callstackio) to stay tuned! #ReactNative #RNEU2021 #QA #ReactNativeEU2021Conference #OpenSource #ReactNativeArchitecture #trendingtopics #ReactJS #Programming #Developer #JavaScript 00:00 Callstack is hiring - announcements 01:02 Intro 04:35 Guests introduction 06:57 How did you start programming and how did your adventure with React Native begin? 12:03 What drove two CTOs, Mike Grabowski from Callstack and Wojciech Kwiatek from Channels, to invest in React Native? 15:16 What are the opportunities for React Native going forward? And what are you excited about the most? 18:47 What was your favorite topic at React Native EU 2021 conference? 22:15 What's coming up with the new React Native Architecture? What's the connection between JSI, TurbuModules, and Fabric? 24:26 When the re-architecture (TurboModules, Fabric) rollout will be available to the community? And will users be able to use it while working with React Native 0.67? 28:54 What is the largest number of platforms you run React Native on in production? How much real code sharing is there? And what are the drawbacks of maintaining many platforms? 33:09 What are your thoughts on React Native support for wearOS? Or wearables in general? And what do you believe are the limitations of this implementation? 35:06 VR/AR experiences with React Native. What’s the plan for making VR/AR constructs exposed to React Native? 36:56 Can I use React Navigation in React Native Windows, MacOS, etc.? 37:31 With React Native being available on so many platforms, how do you envision the library ecosystem and native code in them? 41:43 What does it take to develop and maintain a big Open Source library? 47:02 Does Re.Pack support Hermes engine? 49:48 Should the Reanimated library be brought into React Native core? It seems to be, de facto, the standard when it comes to creating animations. 53:05 What are the React Native Core and Microsoft teams collaborating on these days? 55:58 Would you recommend using UI frameworks like React Native Paper, etc., to build a scalable and maintainable app rather than building the UI from scratch? And why? 59:12 Where do you see React Native in 5 years? And why do you think Airbnb dropped it?