介绍

Rax是一个用于构建通用应用程序的开源渐进式React框架，由阿里巴巴开源。超轻量，高性能，易上手的前端解决方案。一次开发多端运行，解放重复工作，专注产品逻辑，提升开发效率。并且与VSCode集成了强大的开发扩展套件！

Github

https://github.com/alibaba/rax

特性

一套代码，多处运行，Web，Weex，Node.js，支付宝小程序，微信小程序等等
快速：使用更好的性能和更小的体积（使用相同的API替代React（〜6KB）
极致的用户体验，Rax 通过更加轻量的内核、渐进式 Web 应用、服务端渲染，提升了产品的体验。

更低的开发成本，开箱即用的工程、丰富的组件与周边生态、一次开发多端投放，帮助开发者完成他的创意。同时我们在人工智能的领域也在持续探索，不断降低开发门槛与成本。

谁在使用？

开发

初始化项目

基于 npm init rax 命令，可以快速创建一个 Rax 多端应用（注意：npm 版本需 >= 6.1.0）：

$ npm init rax

初始化项目过程中，您可以根据提示选择一个或多个需要投放的端，目前可供选择的有 Web、 Weex、Alibaba Miniapp、WeChat MiniProgram、Kraken (Flutter):

使用方向键导航到具体项目，使用空格选中或者取消选中。

Choose targets your project want to run? (Press <space> to select, <a> to toggle all, <i> to invert selection)
❯ ◉ Web   ◯ Weex   ◯ Alibaba MiniApp   ◯ WeChat MiniProgram   ◯ Kraken (Flutter)

面向 Web 端，您还可以选择性的开启 SSR（服务器端渲染）能力来增强应用体验。

? Do you want to enable these features?
❯◉ server sider rendering (ssr)

Rax 的多端项目遵循同一套工程结构和开发规范，一次开发，便可同时被投放于 Web、Weex、小程序等多个容器，从而避免了业务在多端投放需求下的重复开发工作。

项目调试

初始化项目后，可通过 npm run start 命令进行项目调试：

# 进入项目目录
$ cd 
# 安装依赖
$ npm install
# 启动调试服务
$ npm run start

不同容器调试方法不同，关于项目调试的更多信息可以参考各自文档

开发套件

可视化开发

笔者认为Rax的开发套件是非常的厉害的，可视化智能开发助手，通过可视化编程和智能辅助手段，更快更好地构建多端应用，支持 Web 、HTML 5 和小程序应用。Iceworks 可视化开发提供两个基本功能：可视化搭建和可视化配置。

可视化搭建提供所见即所得的拖拽能力，助力快速完成前端页面的开发。该能力不与具体平台绑定、和具体框架无关，搭建完成后可以继续二次编码，它在极大降低前端开发的门槛和提升前端开发的效率同时，还兼顾了程序的可维护性和灵活性！

可视化配置旨在降低前端开发门槛、提升开发体验，提供了流程引导生成代码和表单操作生成代码的能力，该能力支持自定义模板或物料，为开发者提供个性化代码的生成能力：

智能编程

Iceworks 智能编程当前提供了两个基本功能：代码自动补全和代码信息提示。在开发者编写代码的过程中，智能引擎能够自动预测开发者的编程意图，连续向开发者推荐「即将书写的下一段代码」，开发者可以通过「一键补全」的方式，直接确认接下来要输入的代码，从而大大提升代码的编写效率。例如输入样式字段和值时，Iceworks 提供的代码自动补全效果如下：

Iceworks 的代码自动补全能力基于语言语义和源代码分析，完全本地执行，确保代码安全；毫秒级响应，流畅进行编码！

丰富的物料体系

Iceworks 内置 Fusion Design、Rax UI 组件库，丰富的物料开箱即用：可通过物料创建应用、生成组件和组装页面、一键添加到代码……同时支持接入自定义物料，对物料开发的链路提供了全流程的支持，开发者可轻松定制业务专属的物料集合：

快速开始

点击活动栏上的 Iceworks 图标，打开侧边栏和创建应用流程：

应用创建完成，在 Iceworks 侧边栏上进行 npm 脚本执行、创建组件、生成页面等操作：

插件列表

总结

Rax是一个非常强悍的多端开发平台，得益于阿里baba强大的开发团队，特别对于React熟悉的人来说尤为友好！enjoy it！

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/12282.html

Rax–阿里开源用于构建通用应用程序的渐进式React框架

介绍