21个让React 开发更高效更有趣的工具
|
如果在查看结果时遇到问题，可以在地址栏中输入chrome:extensions ，查找“React Sight”框，然后单击“Allow access to file URLs”开关，如下所示： 
12. React Cosmos React Cosmos是一个用于创建可重用React组件的开发工具。 它扫描项目中的组件，并使你能够:
13. CodeSandbox CodeSandbox一个在线编辑器，可以在上面创建Web应用程序并实行运行。 CodeSandbox 最初只在早期阶段支持React，但它们现在已经扩展到Vue和Angular等库的其他入门模板。 他们还支持使用常见的静态站点生成器（如Gatsby或Next.js）创建项目来启动React Web项目。 
14. React Bits React Bits是一个React模式、技术、技巧和技巧的集合，所有这些都以类似于在线文档的格式编写，你可以在同一个选项卡上快速访问不同的设计模式和技术、反模式、样式、UX变体以及其他与React相关的有用材料。 GitHub repo，目前有10083颗星星。 
15. folderize folderize是一个VS Code 扩展。 它允许您将组件文件转换为组件文件夹结构。 React 组件仍然是一个组件，只是转换为一个目录。 例如，假设正在创建一个React组件，该组件将文件作为props来显示有用的信息，如元数据 元数据组件的逻辑占用了大量的行，因此咱们决定将其拆分为单独的文件。 但是，当这样做时，咱们就有两个相互关联的文件。 所以，就有有一个大概如下所示的目录： 
咱们可能想要将FileView.js和filemetada.js抽象到目录结构中，就像Apple一样，尤其是考虑添加更多与FileScanner.js等文件相关的组件时。 这就是folderize为咱们所做的，这样组件们就可以得到一个类似的结构 
16. React Starter Projects React starter projects 是一个依赖库列表，可以在上面快速你需要要的依赖库的名称并可以跳转对应的 github 上。 一旦看到一个你喜欢的入门项目，你就可以简单地克隆这个库，并根据你的需要进行修改。 但是，并不是所有的依赖库都是通过克隆使用，因为其中一些库需要通过安装形式，才能成为项目的依赖项。 
17. Highlight Updates 这可能是开发工具包中最重要的工具。 Highlight Updates是React DevTools扩展的一个特性，可以查看页面中的哪些组件正在不必要地重新渲染。 
它可以帮助你在开发页面时是更容易发现一些性能问题，因为它们会使用橙色或红色对严重的重新渲染问题进行着色。 18. React Diff Viewer React Diff Viewer是一个简单而美观的文本差异对比工具 这支持分割视图，内嵌视图，字符差异，线条突出显示等功能。 
19. JS.coach JS.coach 是我最常用来与 React 有需要的库的网站。从这个页面可以找到需要的任何东西。 它快速、简单、不断更新，并且总是能给我所有项目所需的结果。最近还添加了React VR，非常棒。 20. Awesome React Awesome React开源库是一个与React相关的很棒的列表。 我可能会忘记其他网站并单独从这个链接学习React。 因为可以在此找到批量有用的资源，这些资源肯定会帮助我们构建出色的React应用程序！ 21. Proton Native Proton Native为咱们提供了一个React环境来构建跨平台的本机桌面应用程序。 它是Electron的替代产品，具有一些简洁的功能，包括：
代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 【编辑推荐】
点赞 0 （编辑：核心网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
