react-native-best-practices

Improve React Native performance by profiling slow screens to identify jank, then applying targeted optimizations across JS and native layers to increase FPS. This workflow uses measurement, optimization, and validation steps for safe improvements.

Reduce React Native bundle size and startup time by following reference-driven bundling optimizations. Profiling identifies heavy assets and modules, allowing you to shrink app bundles while balancing memory usage and re-renders.

Slow TTI and heavy re-renders occur when React Native components update unnecessarily or block the JS thread. Profiling tools expose these bottlenecks so you can implement documented patterns to reduce re-renders and improve responsiveness.

Yes, you can use this workflow for debugging list jank. It provides step-by-step measurement-to-optimization cycles specifically designed to diagnose and fix common bottlenecks like list scrolling issues in real-world RN apps.

Yes, this approach covers both JS and native layer performance profiling. It consolidates best practices across JS, native, and bundling domains to help teams diagnose and fix performance issues comprehensively.

Avoid applying optimizations blindly without measuring first. This workflow enforces a measurement-to-optimization cycle, meaning you should not implement changes until profiling validates the bottleneck and confirms the performance issue exists.