YoVDO

Improving React Native App Performance - Practical Tactics and Case Studies

Offered By: Callstack Engineers via YouTube

Tags

Conference Talks Courses User Experience Courses React Native Courses Redux Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

CS50's Mobile App Development with React Native
Harvard University via edX
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
React
Udacity
Computer Science and Mobile Apps
Harvard University via edX
A Complete React Native Course - Redux - Context API - 2020
Udemy