React Nexus 2024 Panel Preparation - Digital Garden

## React Native Panel Topics - New architecture - React 19 features in React Native - Server-driven React native app - React Server Components - Testing React Native - Ota updates - Performance - Animations (skia) - Router - visionOS and tvOS - React native ide - React compiler in React Native - Rust module in React Native - Static Hermes - [Synchronous Rendering](https://github.com/wix-incubator/rn-synchronous-render) - infra in react native (ci/cd) - Styling ## Panelists - [Mike Grabowski](https://www.callstack.com/team/mike-grabowski) - Co-Founder of Call Stack and Currently brewing XplatLabs - [Eric Vincenti](https://github.com/ericvicenti) - Working on Rise Tools - [Sanket Sahu](https://www.linkedin.com/in/sanketsahu/?originalSubdomain=in) - CEO of Geeky Ants - [Sweta Tanwar](https://www.linkedin.com/in/swetatanwar/) - Senior Software Engineer at Rippling ## Questions - ## Setting up the Stage - Introduction - Thank you very much, I am super excited to be here folks, I really love panel discussions because it allows asking those questions that you don't get to ask during normal talks - Hi everyone, I am Subramanya Chakravarthy, I am a React Native Developer working at Blackbuck and I am more than excited to be here for the React Native Panel - The Panel is going to be interactive and we do have some warm-up questions - I want to hand over to the folks here who are joining me on stage to tell us a little bit about what they do and what their role are most importantly we will also hear during the introduction how React Native is used within their organisation, we do have industry leaders out here. So I'm happy to hand it over to person from company to start - Awesome person thank you very much - up next we have person from company - We are going to warm up the stage with some questions - How is India treating you so far? - ## Questions **What are the panellists are excited about the future of React Native** - You folks were here at the conference for the last 2 days I am curious to know What things got you excited most like maybe there was a talk or topic you resonated with **What are the low lights of React Native?** - if you were to have a magic wand and could change something in React Native eco system like in the framework or something that doesn't really work, what would it be **What do you guys think about Server Components in React Native**? - **What's the most underrated library in React Native?** **What's the take on New Architecture?** **What's the State of React Native Web in 2024?** **What was the biggest or the latest performance Challenge that you have faced at your job and how did you solve that and what were your takeaways from it** ## Final Questions - Does React Compiler help React Native increase performance? - Yes --> - One of the Big Problem in React Native is rendering Lists, how could any one solve this - React is bringing compiler to optimize renders on the JS Realm - React Native is bringing New Architecture and Fabric UI Components to solve this on Native Realm and Synchronous rendering, does this mean RN Devs can compete with Native with respective Lists? - How to write performant Animations and micro interactions in React Native? - Does Server Driven or Server Rendered Components solve the performance or startup time of the app? - How to improve TTI and startup performance of the App - People Love FlatList/FlashList so much, have you seen any improvements with new architecture - Half a decade of work for new architecture - Synchronous layout and effects - Support for Concurrent Renderer and Features (Automatic Batching, Transitions) - New Architecture removes bridge and replaces with JSI (Fast JavaScript/Native interfacing) - Performance Tools --> Profiler, FlashLight ## Final Final Questions ### How to measure performance 1. Given the limited tools for performance measurement and the instability of React Dev Tools, how can a React Native developer effectively measure app performance? ### Performance Problems 1. FlatList is popular, but how can its performance be enhanced? 2. React Navigation can sometimes be slow and unresponsive. While the React Navigation team advises against using nested navigators, real-world use cases often require them. How can we better architect navigators in such scenarios? 3. Considering the prevalence of Android phones in India and the metrics showing that the new architecture for React Native Android hasn't significantly improved performance, will Android performance become a higher priority? (63.74%) ### New Architecture 1. After half a decade of work on the new architecture, there's a general consensus that it improves performance. Can you elaborate on how it benefits existing apps, specifically regarding: - Concurrent Mode - Suspense - JSI - Turbo Modules - Fabric Components 2. One major issue is frame drops and stutters when handling heavy payloads over the bridge. How will going "bridgeless" solve this? 3. Many developers love Animated and try to use "worklets". What are the performance implications? 4. Synchronous layout calculations can be problematic. How can this issue be addressed? 5. Rise Tools offer an interesting approach to server-driven components, and Evan Bacon recently discussed RSC for React Native, noting that server components are stabilizing in React 19. What are the differences between these approaches? 6. I have this wild idea of lazy loading the entire app, does it provide any performance benefits? 7. Tools like Flashlight, Profiler, and Flipper: how can they be used to improve performance? 8. What is the best way to organize navigators for optimal performance? 9. Can static Hermes bring any performance improvements? 10. With the release of Skia, why not use it in React Native to boost performance? ### Final Final Final Questions - What are the panellists excited about the future of React Native - What is the Future of RSC with respect to React Native? - Pros and Cons and any Challenges - How do you manage styling at scale with universal platforms - What's your take on Performance in React Native, let's say FlatList which developers "Love" to optimize it - How crucial is testing for React Native Application - Since Appcenter is sunsetting what other alternatives do you suggest? - What's the take on making expo as the default framework? - What's the most underrated library in React Native? - What was the biggest or the latest performance Challenge that you have faced at your job and how did you solve that and what were your takeaways from it? ## Maybe - Host a Polling Site and gather questions from Audience