Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Improving React Native App Performance - Practical Tactics and Case Studies

Callstack Engineers via YouTube

Overview

Dive into practical tactics and real-world case studies for enhancing React Native app performance in this comprehensive webinar. Learn about crucial metrics to track, effective optimization tools, and hands-on strategies to boost app speed and efficiency. Explore the DMAIC process, understand key performance indicators like FPS and TTI, and gain insights from a messaging application case study. Discover how to diagnose, optimize, and future-proof your app while addressing common performance challenges. Get expert answers to questions on state management, component optimization, list rendering, and more. Equip yourself with the knowledge to improve both your app's performance and overall business outcomes.

Syllabus

Welcome to the webinar
Importance of performance optimization
Metrics & tools to stay on top of your performance game
DMAIC process
FPS, TTI, app size, CPU & memory usage
Case study: Messaging application
Diagnosing, optimizing & future-proofing your app
"useMemo" and "useCallback" will reduce rerenders but increases the RAM usage. What variables/functions should be wrapped in these methods?
When speaking in terms of state management, is it recommended to encapsulate a screen completely in a Redux slice for reducing the number of renders?
Can you share examples of moving logic to update phase and to renderItem?
Can we nest Flatlist inside a Flatlist or ScrollView inside a ScrollView or vice versa, and what is the best practice?
Is possible to use the same performance tools to measure an Expo app on managed workflow or on a bare workflow?
Can you recommend some metrics we can track to help sell the need for performance optimization to the business?
How to update my React Native version, and how should I plan to do it?
Can using UX cam or any such tools can eat up the JS thread usage and affect FPS?
I’m using a Flashlist, but I’m getting a white screen before the screen is loaded with Flashlist, is it a known issue?
Is there a better alternative to React Native FastImage?
App launch is slow, how do we measure what's making it slow?
When starting a new project for state management, do we still need to use Redux?
What are your thought on React Native Flipper performance monitor?
Is it a good practice to wrap your component with React.memo with custom comparer function?
How to improve performance of large lists?
Is the app’s entry point an ideal place for initial app setup operations setup error reporting, notifications, global listeners i Are sagas better suited for this?

Taught by

Callstack Engineers

Reviews

Start your review of Improving React Native App Performance - Practical Tactics and Case Studies

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.