产品概述
Codux是一款为React项目量身定制的独立IDE，它弥合了设计和开发之间的差距。它提供了一个统一的平台，开发人员和设计师可以在此实时可视化创建、编辑和预览React组件和应用程序，同时完全控制底层TypeScript和CSS代码。Codux支持复杂的应用程序、设计系统和网站，提供Git集成和实时项目共享等协作功能，加速工作流程。它使用户能够直观地工作而不失去对代码的访问权限，适合开发人员和设计师使用。
主要功能
| 可视化组件编辑 | 通过交互式界面修改React组件，实时更新直接反映在代码中，实现无缝的可视化和基于代码的工作流程。 |
| 集成代码和样式面板 | 通过直观的面板和可视化控制器编辑组件属性和CSS样式，支持CSS、Sass、CSS Modules和Stylable。 |
| 实时预览和调试 | 在隔离环境或应用程序上下文中即时预览组件，配备实时日志和调试工具，实现高效验证。 |
| 协作Git集成 | 内置Git支持，可直接在平台内进行分支管理、代码审查和拉取请求，增强团队协作。 |
| 灵活的项目导入和集成 | 无需转换即可导入现有的React和TypeScript项目，并集成第三方库和Wix服务以扩展功能。 |
| 一键部署 | 通过一键部署简化发布流程，提供自托管或云提供商托管选项，保持完全的项目所有权。 |
使用场景
- React应用程序开发：使用可视化工具构建和维护复杂的React应用程序，加速开发同时保持代码控制。
- 设计系统管理：创建和扩展一致的设计系统和组件库，使其在项目间无缝集成。
- 协作UI设计和开发：使设计师和开发人员能够在同一平台上实时协作，减少交接延迟并改善工作流程。
- 组件测试和验证：使用隔离面板在不同状态和场景下预览组件，进行集成前的全面测试。
- 快速原型设计和迭代：通过即时代码同步，在视觉上快速原型化UI更改，促进快速迭代周期。