这5个React应用程序库不要错过……

• 端验证。
• 字段在用户“触摸”或表单提交之前不应显示错误。
• 无效提交时，表单状态不应为“丢失”或“重置”。
• 提交后，表单应该进行异步(服务器端)验证。

自己编写一个处理所有这些事情的组件是相当复杂的。需要跟踪所有表单值，以及所有表单字段的“触摸”状态，甚至包括 “错误”。

此外，还需要构建表单提交的逻辑。这些都需要足够通用，以便在整个应用程序中重用。没有人想在登录表单、注册表单、地址表单等等中一遍遍重复它。

所以，使用React社区的一个流行库，是比自己构建更好的选择。

Formik是JaredPalmer开发的一个库，在这里，表单编写变得轻而易举。

2. 测试库

测试省了很多时间。当笔者创建一个复杂的特性或组件时，总是在设计、产品和开发之间“游荡”。设计师可能会要求进行视觉或UX更改，产品部门可能要求更改UX。笔者只得不断地反复、重构和更新组件。

通过确保组件或特性的正确测试，可以确保这种重构不会允许回归潜入代码库。它节省了大量的人工测试时间，这给了人们更多信心。

涉及到测试React应用程序时，有一个黄金标准:testing-library/react，也称为react-testing-library。它已经内置在create-react-app中，所以入门就变得很简单啦。

使用testing-library，可以从用户的角度测试组件。

什么意思?下面用一个实际的例子来说明。

在这个示例中，笔者为一个简单的注册表单编写了一个测试。它要求用户提供姓名、电子邮件和密码。这些都是必填字段，如果省略了任何一项，那么表单应该在提交时显示一个错误。

（编辑：四平站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!