Overview
Discover tools and techniques for optimizing React Native applications in this conference talk from React.js Conf 2016. Learn how to identify and resolve performance issues, implement efficient rendering strategies, and leverage core optimizations. Explore the use of Systrace markers, CPU profilers, and shouldComponentUpdate for improved app speed. Gain insights into de-batching, incremental UI updates, and cache batching. Understand the importance of profiling and avoiding premature optimization to create faster, more responsive native apps using React Native.
Syllabus
Intro
NATIVE APPS FEEL BETTER
PREMATURE OPTIMIZATION IS THE ROOT OF ALL EVIL
SYSTRACE
MARKERS ON SENSITIVE BRIDGE OPERATIONS AUTOMATICALLY INJECTED MARKERS ON ALL NATIVE MODULES
CPU PROFILER
SHOULD COMPONENT UPDATE
AVOID RENDERING SUBTREES
CORE OPTIMISATIONS
DE-BATCHING
INCREMENTAL UI UPDATES
THAT'S NOT HOW IT WORKS
CACHE BATCHING
DON'T ASSUME. PROFILE!
Taught by
Meta Developers