精通

React · 熟练 - 高级模式与性能优化

• 用 useReducer 管理复杂状态用一个纯粹的 reducer 来组织复杂状态，集中管理状态转换并排除不可能出现的组合。
• Context：无需逐层传递即可共享用 context 传递数据而无需 prop drilling，同时把它的重新渲染和局限性控制在手中。
• 自定义 hook：抽取并复用逻辑把带状态的逻辑抽取成可复用、可组合、可测试的 hook。
• 记忆化：memo、useMemo、useCallback搞清楚 React.memo、useMemo 和 useCallback 什么时候真正让你的应用变快，什么时候只是白白让它变复杂。
• useRef 与 DOM 操作用 useRef 操作 DOM 并保存实例值，同时不破坏渲染的纯粹性。