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

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

目录 + React + Hooks + 实现Hooks + 解决了什么问题 + Hooks API + 类型 + 首先接触到的是 State Hooks + 其次接触到的是 Effect Hooks + 最后接触到的是 Custom Hooks + Hooks 实现方式 + 问题一：useState + dispatch 函数如何与useState函数结合

目录

• react hooks 实现
• Hooks 解决了什么问题
• Hooks API 类型
• 首先接触到的是 State hooks
• 其次接触到的是 Effect hooks
• 最后接触到的是 custom hooks
• Hooks 实现方式
• 问题一：useState dispatch 函数如何与其使用的 Function Component 进行绑定

react hooks 实现

Hooks 解决了什么问题

在 React 的设计哲学中，简单的来说可以用下面这条公式来表示：

UI = f(data)

等号的左边时 UI 代表的最终画出来的界面；等号的右边是一个函数，也就是我们写的 React 相关的代码；data 就是数据，在 React 中，data 可以是 state 或者 props。