React Stack 2021

在过去的几年里，React 本身发生了一些重大变化，生态系统也得到了相当大的发展。

以下是 2021 年的情况。

1. React：
   这难道不显而易见吗？毕竟我们讨论的是 React Stack。我们都知道，React 的受欢迎程度正在不断上升，成为有史以来最受欢迎的前端框架之一。这也意味着使用 React 构建项目的开发人员比以往任何时候都多。

2. TypeScrpt：
   TypeScript 是 JavaScript 的类型上标，可编译为纯 Javascript，通过结合使用 React 和 TypeScript，我们可以获得用户界面静态​​类型语言的好处，同时降低向前端传输和出现错误的可能性。

3. React Router：
   在构建中大型单页应用时，React Router 仍然是主流路由器。它目前已更新至 v5（即将更新至 v6），并且 API 与早期版本相比略有变化。

4. Redux：
   状态管理库帮助我们管理应用程序中的数据。新的官方Redux 工具包非常出色，是 2021 年使用 Redux 的推荐方案。如果您打算使用 Redux，请务必了解一下。
   其他可用的替代方案包括MobX、Recoil以及使用 React Hooks（useContext + useReducer）。

5. React Query：
   在数据获取方面，将所有内容都放在 Redux 或全局 store 中的策略越来越少见。React Query 在数据获取和管理加载/成功/错误状态方面表现出色，我们完全可以在同一个项目中同时使用 Redux 和 React Query。它负责跨组件维护全局数据缓存，而无需您费心。如果您需要进行大量异步数据获取，那么 React Query 绝对值得一试。

6. Chakra UI：
   Chakra UI 拥有丰富的组件，并采用我个人偏爱的样式化系统方法。Material UI也是另一个替代方案。使用组件库则取决于个人选择。

7. React 表单：
   Formik和React Hook Form目前似乎是热门，其中 hook-form 也越来越受欢迎。两者都支持使用Yup进行基于模式的表单验证，您可以将模式作为可选配置传递。表单将根据模式验证您的输入数据，并返回错误或有效结果。Formik 或 React Hook Form 搭配 Yup 验证库绝对是 React 中所有与表单相关的工具。

8. Jest + React 测试库：
   说到测试，我个人更喜欢使用 Jest 和 React 测试库作为我的首选包，事实上，它们也是React 官方文档推荐的。React-testing-library 的优点在于，它鼓励你编写类似于用户与软件交互方式的测试，这有助于你避免实现细节。

9. Storybook：
   Storybook 本质上是一个 UI 组件的开发环境和游乐场。它使你能够独立创建组件，并在独立的开发环境中以交互方式展示这些组件。在项目开发过程中，Storybook 允许前端团队向利益相关者展示组件。

10. Next.js：
    Next.js 是一个 React 框架，它提供了构建出色应用程序所需的所有功能，提供卓越的开发者体验，包括混合渲染、静态渲染和服务器端渲染、优化的 SEO、图像缓存、TypeScript 支持、内置路由、API 约定等等。在未来几年，它可能会成为大多数（如果不是所有） React 项目构建的基础。

如果我遗漏了哪些内容，请在下方评论区留言告诉我。
感谢您的阅读。如果您喜欢，请点赞❤️或🦄。