List of videos

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?

LINK TO THE SECOND DAY OF REACT NATIVE EU CONFERENCE 2022: https://youtu.be/uLicTDG5hSs Welcome everyone to the React Native EU 2022 live stream! We’re excited to see you all! Join our official Discord channel: https://discord.gg/72kVy6aP Feel free to say “hi!” and ask questions regarding the talks! Check the conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/Q01lbmhY0 Agenda for September 1st: 3:10 PM Nicola Corti: Bringing the New React Native Architecture to the OSS community - Fall Edition 3:40 PM Adam Foxman: Changing React Native... from within! 4:10 PM Jamie Birch: How to access all the Objective-C APIs using JSI 4:50-5:05 PM Break 5:05 PM Marin Godechot: How we made our app 80% faster, a data structure story 5:40 PM Jakub Binda: You can go EVERYWHERE but I can go FAST - holistic case study on performance 6:00 PM Darshita Chaturvedi: Reducing bugs in a React codebase 6:15 PM Josh Justice: Getting Better All the Time: How to Escape Bad Code 6:45-7:00 PM Break 7:00 PM Magdalena Jaśkowska: Showcase of rn-emoji-keyboard library. Enhance your communication with the language of emoji 7:25 PM Batuhan Tozun, Dilara Kırnapcı: React Native MicroApp Architecture 7:40 PM Emily Xiong: How to use React Native with Nx in monorepo 8:00 PM Maxence Harm: Building a full JS deep zoom image viewer Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/Q01lbmYy0 0:00 Łukasz Chludziński: Opening & Keynote 38:15 Nicola Corti: Bringing the New React Native Architecture to the OSS community - Fall Edition 1:07:25 Adam Foxman: Changing React Native... from within! 1:42:00 Jamie Birch: How to access all the Objective-C APIs using JSI 2:36:20 Marin Godechot: How we made our app 80% faster, a data structure story 3:02:20 Jakub Binda: You can go EVERYWHERE but I can go FAST - holistic case study on performance 3:25:20 Darshita Chaturvedi: Reducing bugs in a React codebase 3:37:55 Josh Justice: Getting Better All the Time: How to Escape Bad Code 4:25:40 Magdalena Jaśkowska: Showcase of rn-emoji-keyboard library. Enhance your communication with the language of emoji 4:46:15 Batuhan Tozun, Dilara Kırnapcı: React Native MicroApp Architecture 5:03:30 Emily Xiong: How to use React Native with Nx in monorepo 5:25:50 Maxence Harm: Building a full JS deep zoom image viewer All the details regarding The React Native Show podcast can be found here: https://hubs.li/Q01lbn530 Callstack is hiring! Check for more info: https://hubs.li/Q01lbnb10 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/Q01lbnhH0 Subscribe to the 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/Q01lbrsY0 Follow Callstack on Twitter: https://twitter.com/callstackio

LINK TO THE FIRST DAY OF REACT NATIVE EU CONFERENCE 2022: https://youtu.be/7QeINTWLUkc Welcome everyone to the second day of React Native EU Conference 2022! We’re excited to see you all! Join our official Discord channel: https://discord.gg/72kVy6aP Feel free to say “hi!” and ask questions regarding the talks! Check the conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/Q01lbmhY0 Agenda for September 2nd: 3:00 PM Charlie Cruzan: Stripe React Native: A simple set of solutions to a complex set of problems 3:20 PM Eric Vicenti: Dev Workflows with "Headless" Content Management: Time to Re-Attach the Head! 3:45 PM Andrey Goncharov: Headless Flipper - embeddable mobile devtools for your CI and beyond 4:20-4:35 PM Break 4:35 PM Vojtech Novak: Localizing React Native apps from start to end 5:05 PM Rob Walker: Visual Regression Testing in React Native 5:30 PM Steven Moyes, Shiven Mian, Slobo Stipic: React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users 5:45 PM Eeva-Jonna Panula: Can't touch this - Different ways users interact with their mobile devices 6:15-6:30 PM Break 6:30 PM Alexandre Moureaux: Performance issues: the usual suspects 7:10 PM Michał Chudziak: How to actually improve the performance of a React Native app? 7:35 PM Alain Ngangoue: The component anatomy, 90° to the left 8:05 PM Marek Fořt: FlashList – make your lists faster now Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/Q01lbmYy0 All the details regarding The React Native Show podcast can be found here: https://hubs.li/Q01lbn530 Callstack is hiring! Check for more info: https://hubs.li/Q01lbnb10 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/Q01lbnhH0 Subscribe to the 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/Q01lbrsY0 Follow Callstack on Twitter: https://twitter.com/callstackio 0:00 Intro 29:00 Łukasz Chludziński: Opening 30:00 Charlie Cruzan: Stripe React Native: A simple set of solutions to a complex set of problems 49:43 Eric Vicenti: Dev Workflows with "Headless" Content Management: Time to Re-Attach the Head! 1:16:09 Andrey Goncharov: Headless Flipper - embeddable mobile devtools for your CI and beyond 2:05:12 Vojtech Novak: Localizing React Native apps from start to end 2:36:12 Rob Walker: Visual Regression Testing in React Native 2:55:38 Steven Moyes, Shiven Mian, Slobo Stipic: React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users 3:08:32 Eeva-Jonna Panula: Can't touch this - Different ways users interact with their mobile devices 3:52:56 Alexandre Moureaux: Performance issues: the usual suspects 4:32:42 Michał Chudziak: How to actually improve the performance of a React Native app? 5:02:38 Alain Ngangoue: The component anatomy, 90° to the left 5:38:39 Marek Fořt: FlashList – make your lists faster now

React Native EU Conference 2018

The "Transitioner" is the view in React Navigation responsible for animating between screens and supporting navigation gestures. We will discuss how views like "stack" work today, how they evolved, and how they fit into React Navigation and other navigation libraries. Historically, it has been quite difficult to create custom screen transitions and gestures. So the time has come to introduce a new Transitioner, and give you complete control over screen transitions in your React Native App.

Why GraphQL will become the new standard for accessing external data in your React Native app. I will show how using GraphQL instead of REST services the development process becomes even more declarative as GraphQL will take away the (imperative) hassle of tying data from multiple endpoints together. This will increase the level of complexity in React Native development, while also increasing the performance of the application. Slides: https://www.slideshare.net/RoyDerks1/graphql-will-do-to-rest-what-json-did-to-xml-113763718

Let's take a look at look at what we can do with React Apollo today, how we can use it to even manage our local state and see what the future holds for us in the new releases of React Apollo.