React开发人员应该掌握的22种神奇工具

可以清楚地看到 pdf 软件包在应用程序中占据了最大的空间。它还占据了最大屏幕，这对我们都很有用。

不过，屏幕截图质量非常小。我们还可以输入有用的选项以查看更多详细信息，如 generateStatsFile: true， 并且可以选择生成静态 HTML 文件，保存在开发环境之外的某个地方，以备后用。

2. React-Proto

React-Proto 是面向开发人员和设计人员的原型制作工具。这是一个桌面软件，所以在使用之前，我们需要下载安装该软件。

以下是工具页面样式：

应用程序允许我们声明属性及其类型，在树状图中查看组件，导入背景图像，将其定义为有状态或无状态，定义其父组件，放大/缩小，以及将原型导出到一个新的或已有的项目中。

该应用程序似乎更适合 Mac 用户，不过，它也支持 Windows。

当我们完成用户界面映射后，可以选择导出到现有项目或新项目中。如果选择导出

 

过，我认为这个应用程序还需要更新，并且还有很多需要做的工作，尤其是 React Hooks 的发布。

除非我们有一张可见的背景图片，不然就不能缩小。换句话说，如果导入一张背景图片，缩小，然后删除这张图片后，图就无法放大了，因为操作按钮已经变灰色，不可使用了。

放大的唯一方法是重新导入背景图片，放大后将其删除。这个缺陷改变了我对这个工具产生的好感，但因为在其他地方看不到此开源文件，所以把它加入了列表中。当然，成为开源软件对这个应用程序来说是件好事，因为这使它有可能成为未来流行的开源存储库列表。

3. Why Did You Render

Why Did You Render 猴子补丁 React 通知我们可以避免重渲染。这不仅非常有用，还可以指导我们对项目进行性能修复，帮助我们了解 React 工作的方式。而且，当我们对 React 工作原理有更多的了解时，也能让我们成为更好的 React 开发人员。

猴子补丁: 这个叫法起源于 Zope 框架，大家在修正 Zope 的 Bug 的时候经常在程序后面追加更新部分，这些被称作是“杂牌军补丁（guerilla patch）”，后来 guerilla 就渐渐的写成了 gorllia（猩猩），再后来就写了monkey（猴子），所以猴子补丁的叫法是这么莫名其妙的得来的。

（编辑：济南站长网）

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