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 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
