React在构建高性能前端应用时有哪些最佳实践？

本文共计1013个文字，预计阅读时间需要5分钟。

目录

1.概述

2.使用 useReducer

3.使用 useReducer 完成TodoList列表功能

1. 概述 useReducer 这个 Hooks 几乎与 Redux 的使用方式相同，唯一的不足是无法使用 Redux 提供的中介间件。使用 hook 函数后，直接输出结果。

目录

• 1. 概述
• 2. useReducer使用
• 3. 使用useReducer完成todolist列表功能

1. 概述

useReducer 这个 Hooks 在使用上几乎跟 Redux 一模一样，唯一缺点的就是无法使用 redux 提供的中间件。

使用 hook 函数后，一般情况下，一个组件组中的数据我们可以用 useReducer 来管理，而不是用 redux 来完成，redux 一般存储公用数据，而不是把所有的数据都存储在里面，redux 它是一个单一数据源，如果存储多个数据的话，性能会降低。