为React开发人员提供的22种神奇工具
|
的最大空间。这非常有用。 不过，截图是最小的，你还可以通过有用的选项来查看它的更多细节，比如 generateStatsFile: true，还可以选择生成一个静态的HTML文件，保存在开发环境以外的地方，供以后使用。 2. React-Proto React-Proto是面向开发人员和设计人员的原型制作工具。它是桌面软件，因此你必须先下载并安装该软件然后再使用。
这是此软件正在使用的示例： 应用程序可以让你声明props及其类型，在树状图中查看你的组件，导入背景图片，定义它们为有状态或无状态，定义它们的父组件是什么，放大/缩小，并将你的原型导出到一个新的或现有的项目中。 该App似乎更适合Mac用户，但对于Windows用户仍然可以正常使用。
完成用户界面的映射后，你可以选择导出到现有项目或新项目。如果选择导出到现有项目并选择根目录，它将把它们导出到 ./src/components，如下所示： eact-Proto在GitHub上获得了2,000颗星。 不过，就我个人而言，我认为这个应用需要更新，需要更多的工作，尤其是随着React Hooks的发布。 3. Why Did You Render Why Did You Render 可以让 React 通知你可避免的重新渲染。 这非常有用，不仅可以指导你进行项目的性能修复，还可以帮助你了解React的工作方式。而且，当你对React的工作原理有了更好的了解时，它将使你成为一个更好的React开发人员。
你可以通过声明一个额外的静态属性 whyDidYouRender 并将其值为 true 来将侦听器附加到任何自定义组件： （编辑：阜阳站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
