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

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

目录

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 它是一个单一数据源，如果存储多个数据的话，性能会降低。