2019 年，React 开发人员应该使用的 22 个神奇工具

发布时间：2019-10-26 17:27:51 所属栏目：建站来源：JAVA柯尼塞克丶

导读：副标题#e# 正如我们所知， React 是 JavaScript 库，用于构建精彩的用户界面。然而，并不是每个人都在使用相同的工具或知道有这么一些出色的工具，可以让 Reacat 开发体验变得更加有趣和积极主动。如果大家还没有用过 React，或者大家的朋友可能有兴趣使用

以下是我们如何使用该库来进行测试的示例代码：

// Hoist helper functions (but not vars) to reuse between test cases 
constrenderComponent =({ count }) => 
render( 
<StateMockstate={{count}}> 
<StatefulCounter/> 
</StateMock>, 
) 
it('renders initial count',async() => { 
// Render new instance in every test to prevent leaking state 
const{ getByText } = renderComponent({count:5}) 
awaitwaitForElement(()=>getByText(/clicked 5 times/i)) 
}) 
it('increments count',async() => { 
// Render new instance in every test to prevent leaking state 
const{ getByText } = renderComponent({count:5}) 
fireEvent.click(getByText('+1')) 
awaitwaitForElement(()=>getByText(/clicked 6 times/i)) 
})

8. React Developer Tools

React Developer Tools 是一个扩展，它允许在 Chrome 和 Firefox Developer Tools 中查看 React 的组件层次结构。

这是在本列表中最常见的扩展，并仍然是 React 开发人员能够用于调试应用程序的最有帮助的工具之一。

9. Bit

在使用组件库(如 Material-UI 或 Semantic UI React )时， Bit 是一个很好的替代方法。

（编辑：衢州站长网）

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

4/7

首页

尾页