React专属IDE和工具集。

React项目现状

  1. 一个独立功能需要多个文件；
  2. 代码模板复杂；
  3. 重构困难；

  4. 难以理解和维护。

    优化代码导航

  5. 语义化组织源代码文件；

  6. 使用子Tab展示各部分的元素；
  7. 直观的显示和导航功能的所有依赖；

image.png

UI生成项目元素

  1. 通过UI生成组件、action、reducer等；
  2. 模板代码遵循最佳实践；

  3. 支持命令行模式。

    优化重构

  4. 重命名或删除项目；

  5. 所有相关代码一次性重构；
  6. log信息提示。

image.png

可视化的项目架构

  1. 项目总体架构的可视化图表；
  2. 项目依赖关系图标。

image.png

集成单元测试，覆盖率，打包构建

通过UI的方式操作。