原副标题：Web后端：2022年每一工程项目都假如采用的5个React库
有上千个很酷的React库可选配，但你的React工程项目最须要什么样库呢?在责任编辑中，她们将降解你的React工程项目所需的四个库。
1.更慢的Create-React-App
假如你想建立两个React工程项目，你可能会采用像Create-React-App这种的辅助工具。
尽管Create-React-App是两个绝妙的辅助工具，并容许你透过运转一个指示来建立React工程项目，但它有两个捷伊市场竞争者—Vite。
Create-React-App采用Webpack来构筑她们的React合作开发标识符。但早已再次出现了在速率上与Webpack市场竞争的构筑辅助工具。Vite是这种两个构筑辅助工具，它采用两个更慢的绑定器，称作esbuild。具体来说，它借助了应用程序的邻近地区ES组件来赢得更慢的合作开发新体验。
在合作开发中运转React时，Vite比Create-React-App快很多倍。假如你有时候对Create-React-App须要多久开启深感苦恼，很大要看一看Vite。
最重要的是，我TNUMBERX那个辅助工具Create-Next-App。这容许她们十分加速地建立下两个JS工程项目。是的，Next.js是两个架构，但它是两个React架构，须要的敏感性极少。实际上，它只须要倚赖React、React DOM和Next。
建立下两个React工程项目时，请亦须查阅Vite和Create Next App。
2.统计数据抽取库
的邻近地区状况并重。
很多React合作开发者，无论她们的技术水准怎样，都极难搞清楚怎样用邻近地区状况管理工作伺服器状况。绝大多数合作开发者迁怒于像Redux这种的库做为软件系统。
在往后的两年中，再次出现了两个库，使在R
具，容许她们做譬如再次抽取查阅、建立巨集查阅、无穷查阅之类。
3.两个十分简单的状况管理工作库
说到管理工作全局应用状态，Redux一直是首选。
它帮助React合作开发者将状况值分离成两个共享对象值，可以在应用程序的任何组件中读取和更新该值。
然而，Redux带来了一些概念性的包袱。为了正确设置Redux并管理工作她们的状况，她们必须理解并编写单独的操作、缩减器和选择器。
Redux有一些捷伊市场竞争者，她们试图毫不费力地给她们提供该库的几乎所有好处，这些是Zustand和Jotai。它们都十分相似，它们的强大之处在于，它们是用钩子优先的方法建立的，用于处理状况。这意味着一旦建立了存储，就可以透过将其做为钩子调用来读取其任何值。
Zustand和Jotai使状况管理工作变得更简单，因为你不须要将存储分为动作、减少器和选择器。
如
另外，你不须要任何额外的库来执行异步操作(不像Redux，须要Redux Thunk或Redux Saga)。
最后，你不须要用上下文提供者包装整个组件树，所以除了建立你的存储并在你的组件中采用它之外，基本上不须要任何设置。
4.强大的组件库
React旨在建立令人印象深刻的用户界面。因此，她们须要库来帮助她们实现那个目标。
有大量的组件库为她们提供定制的、设计良好的、开箱即用的组件。然而，面对如此多的选择，你会选择哪两个呢?
假如你希望能够构筑外观精美且功能相同的应用程序，你可以查阅大量维护良好的库，如Ant Design, Material UI，以及Chakra UI。
所有这些库都有大量的组件，甚至还有专用的图标库。但可以说，它们最重要的是它们有两个直观的语法，容许她们更容易地构筑有吸引力的组件。
绝大多数合作开发者选择组件库是因为它们的外观和特性，但最好的库也包括额外的辅助工具，使她们的应用程序具有功能性。
5.基于钩子的表单库
你构筑的每个React应用程序可能都有两个表单。不用说， 构筑表单是一件痛苦的事情!
不仅要建立表单本身，还要添加一些棘手的东西，比如输入验证和错误处理。
2022年你可以采用的最好的表单库是React Hook Form和Formik。
在内置钩子的帮助下，它们使构筑可重用的功能表单变得十分容易。甚至是具有复杂条件的表单，如相互倚赖或须要异步验证的字段。
值得注意的是，Formik早已发生了变化，她们不再须要使用它以前采用的传统渲染道具模式。
你可以采用Formik包中名为useFormik的自定义挂钩，它容许她们借助同名的自定义挂钩构筑表单。
值得注意的是，在这些库之上，你可能须要的唯一东西是两个验证库。
Formik和React Hook Form都旨在十分容易地与验证库(如库Yup)集成。怎样做到这一点在她们的文档中十分简单。
