RN可优化点记录
date
Jun 30, 2023
slug
RN可优化点记录
status
Published
tags
IT
React
summary
RN可优化点记录
type
Post
一、使用新架构
TurboModules实现了native modules 的懒加载，Fabric加速渲染性能
减少重渲染：拆分小组件，使用Memo、useMemo , 使用 ImmutableJS，优化redux的使用时机
减少重绘：使用 Fragment 减少嵌套层级，
长列表渲染优化：减少 JS引擎和渲染线程的交互
图片优化：Lazy-loading 图片懒加载，使用 fast-image 进行图片缓存
二、优化 React Native 启动时间
优化启动速度：TTI（使用React.Perf）
1、减小 JS Bundle 体积、使用
babel-plugin-import按需加载，2、拆分JSBundle 和增量加载
3、提前初始化 RN 容器
三、前端流程核心
- fetch data（数据获取）
- manage state（状态管理）
- render page（页面渲染）
抓住核心优化