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

Building Geospatial Apps on Postgres, PostGIS, & Citus at Large Scale
Microsoft via YouTube
Unlocking the Power of ML for Your JavaScript Applications with TensorFlow.js
TensorFlow via YouTube
Managing the Reactive World with RxJava - Jake Wharton
ChariotSolutions via YouTube
What's New in Grails 2.0
ChariotSolutions via YouTube
Performance Analysis of Apache Spark and Presto in Cloud Environments
Databricks via YouTube