List of videos

📖 About the talk In order to avoid tedious iOS app store reviews, react-native-permissions had to be rewritten in a modular way at some point. Find out how it's done, the benefits of the different approaches, and how you can achieve the same result for your own library. 🗣 Speaker Bio Mathieu Acthernoene is a Lead frontend developer at Swan.io and maintainer of react-native-(permissions / localize / bootsplash / bars / dev-menu…). In love with type systems and "boring" libraries that do their job without any fuss. Get your tickets for React Native EU 2024: https://ti.to/react-native-eu/react-native-eu-2024/ Check out more about React Native EU conference: https://www.react-native.eu/?utm_campaign=React_Native_EU&utm_source=youtube&utm_medium=social Visit the organizer's website: https://www.callstack.com/?utm_campaign=React_Native_EU&utm_source=youtube&utm_medium=social Follow us on Twitter to stay up to date: https://twitter.com/react_native_eu

📖 About the talk Join me as we explore the intricacies of React's rendering system and develop a comprehensive mental model of how it works. We'll build data-driven schemas to examine how React tracks its elements and their data over time and determines which components need to be updated. But be prepared: we’ll need to talk about fibers. By delving deeper into React's inner work, we'll be better equipped to identify performance issues and troubleshoot tricky bugs in our daily life. 🗣 Speaker Bio Charlotte is a software architect at BAM, a company specialized in mobile apps, with a big React Native tribe. She has been a React Native developer for 3 years. Get your tickets for React Native EU 2024: https://ti.to/react-native-eu/react-native-eu-2024/ Check out more about React Native EU conference: https://www.react-native.eu/?utm_campaign=React_Native_EU&utm_source=youtube&utm_medium=social Visit the organizer's website: https://www.callstack.com/?utm_campaign=React_Native_EU&utm_source=youtube&utm_medium=social Follow us on Twitter to stay up to date: https://twitter.com/react_native_eu

Abstract: Most people attending the conference use React Native, but not necessarily with any of the Expo libraries, tools, or services. I'll talk about what we have built, what we're working on, and what we're thinking about next to help everyone level up their React Native iOS, Android, and web app development experience.

Abstract: As React Native is being used to build many large scale mobile apps. It is important to profile performance to ensure a smooth user experience. Previously, Ram had written and spoken about adding instrumentation to understand the performance characteristics of the app. As the next step, he will explore the various optimizations that can be done in this talk. He will focus on the Javascript section, something where there are many more low hanging fruits to optimizie. Starting from React Dev Tools, he will look at how developers can leverage their existing knowledge of web performance to attack mobile perf. He will talk about understanding SysTrace and Sampling Profilers. He will also debunk common myths like the problems with measuring app performance using Chrome JS profiler, debug versions of the app, etc. In this talk, he will plan to outline a holistic approach that can be used to dive deeper into React Native performance.

Abstract: In the past 5 years, the Wix mobile app has gone through quite a bit - a brand new look was launched, a large number of features were added in a short period of time, and the number of our users tripled. Unfortunately, one implication of product growth, is a slower performance, especially when it came to things like seamless transition, fluent animations and general slickness of the app. Over the past year, we made a tremendous effort to improve these regressions. Our ongoing efforts have so far resulted in almost 60% cumulative improvement in all performance metrics. In this talk, I’ll deep into all of our secret ingredients for better performance in React Native applications, together with practical examples of: -Improving startup time -Responsive gestures -Preload prioritization Furthermore, I’ll outline some general work we’ve done that led us to these improvements, like the right way to measure and analyse your app performance on production, and how you can implement these tips and tricks.

Abstract: Our understanding of navigation in mobile stems from years of web usage. Our navigation is a tree and a page transition is an action. But this pattern couldn't be further from what is required by modern app UX standards. In this talk we will go through the required changes in our navigation architecture in order for it to reach its full potential.

Abstract: Animations in React Native apps can seem difficult and unnecessary. I will try to prove that they can be easy, achievable and necessary to make your app delightful.

Abstract: One of the most exciting apps genre today are Augmented Reality and Virtual Reality apps and boy it’s never been easy to build them with React Native. In this talk we will learn with practical example how to blend digital and physical world together using React Native. I'll take you to quick introduction to Augmented Reality and Virtual Reality. Fundamentals of ARKit for iOS which is one of biggest AR platform and ARcore for Android. Will use Viro React to do live coding and build an experience like never before for audience. My target for this talk is to make React Native devs familiarised with this world of AR/VR so that they take advantage of this new skill by going through practical example and see for themselves how easy it is with React Native.

Abstract: Visual Regression tests are essential for any type of UI development. With out it, you might ship an application after changing the looks of one page without knowing that you broke several other pages. If we can easily see the difference you made in UI for every single PR, it can make the life of reviewers and QAs much simpler. But how would we go about making visual regression test with react native projects? In this talk, I will be sharing what me and my team has been using to perform visual regression test on react native projects, including how components will look in light mode and dark mode.