阿里巴巴26个前端开源项目
阿里巴巴26个前端开源项目
目录
- 1.数据驱动的高交互可视化图形语法 AntV - G2
- 2.企业级中后台 UI 解决方案 Fusion Design
- 3.设计语言 & 前端框架 Ant Design
- 4.基于 G2 封装的 React 图表库 BizCharts
- 5.企业级 Node.js 框架 Egg
- 6.基于 React 的前端框架 umi
- 7.前端构建和工程化工具 Dawn
- 8.页面逻辑原型 Ant UX
- 9.跨容器的渲染引擎 Rax
- 10.基于 WebGL 的 Javascript 3D 绘图引擎 G3D
- 11.跨平台移动开发工具 Weex
- 12.基于 Weex 的 UI 组件库 Weex Ui
- 13.动效语言& React 框架动效解决方案 Ant Motion
- 14.多页面切换场景统一解决方案 UltraViewPager
- 15.模块化 UI 界面方案 Tangram UI
- 16.自动化测试解决方案 Macaca
- 17.基于 React 的中后台应用解决方案 飞冰 ICE
- 18.HTML5 互动游戏引擎 Hilo
- 19.JavaScript 模板引擎 Velocity.js
- 20. 非侵入式运行期 AOP 框架 Dexposed
- 21. 自动化测试解决方案 UI Recorder
- 22. Android 应用热修复工具 AndFix
- 23. 淘宝 React 框架 React Web
- 24.基于 Node.js 的自动化持续集成 Reliable
- 25. 模拟数据生成器 Mock.js
- 26. React 应用的服务器渲染框架 Beidou
1.数据驱动的高交互可视化图形语法 AntV - G2
G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。
同时，G2 也是 AntV 最重要的组成，始于《The Grammar of Graphics》一书描述的视觉编码语法系统（这也是 G2 项目命名的由来）。
项目地址：
https://github.com/antvis/g2
2.企业级中后台 UI 解决方案 Fusion Design
Fusion Design 是一种旨在提升设计与开发之间 UI 构建效率的工作方式。通过建设基于 DPL 模式的，设计、前端之间的标准协议与工作流，来快速构建符合业务诉求的 DPL，提升 DPL 的构建效率和应用效率，帮助业务快速实现 UI 构建。
项目地址：
https://fusion.design/
3.设计语言 & 前端框架 Ant Design
Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。它的特性：企业级金融产品的交互语言和视觉体系；丰富实用的 React UI 组件；基于 React 的组件化开发模式；背靠 npm 生态圈；基于 webpack 的调试构建方案，支持 ES6。
项目地址：
https://github.com/ant-design/ant-design
4.基于 G2 封装的 React 图表库 BizCharts
BizCharts 是一个基于 G2 封装的 React 图表库，具有 G2、React 的全部优点，可以让用户以组件的形式组合出无数种图表；并且集成了大量的统计工具，支持多种坐标系绘制，交互定制，动画定制以及图形定制等等。相信 BizCharts 定能成为您的数据可视化项目的强力助手。
项目地址：
https://github.com/alibaba/BizCharts
5.企业级 Node.js 框架 Egg
阿里开源的企业级 Node.js 框架。Egg.js 的插件机制有很高的可扩展性，一个插件只做一件事。Egg.js 通过框架聚合这些插件，并根据自己的业务场景定制配置，这样应用的开发成本就变得很低。
项目地址：
https://github.com/eggjs/egg
6.基于 React 的前端框架 umi
umi 是可插拔的企业级 React 框架，类似 Next.js。
项目地址：
https://github.com/umijs/umi
7.前端构建和工程化工具 Dawn
Dawn 取「黎明、破晓」之意，原为「阿里云·业务运营团队」内部的前端构建和工程化工具，现已完全开源。它通过 pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作，简化并统一了开发人员的日常构建与开发相关的工作。
项目地址：
https://alibaba.github.io/dawn/
8.页面逻辑原型 Ant UX
这是一套制作页面逻辑的素材库，当你在产品设计初期，可以用它来绘制页面与页面之间的逻辑图，帮助你了解产品架构，业务流程。
配合工具:
OmniGraffle ,Sketch
OmniGraffle 可以用来绘制图表，流程图，组织结构图以及插图，也可以用来组织头脑中思考的信息，组织头脑风暴的结果，绘制心智图，作为样式管理器，或设计网页或PDF文档的原型。
Sketch 是一个矢量设计软件，可以帮助你快速投入UI设计当中。
项目地址：
http://ux.ant.design/
9.跨容器的渲染引擎 Rax
Rax 是阿里开源的一个通用的 JavaScript 库，主要有 React 兼容的 API 。 使用 React 的就应该已经知道如何使用 Rax。
地址：
https://alibaba.github.io/rax/
10.基于 WebGL 的 Javascript 3D 绘图引擎 G3D
G3D 是阿里巴巴开源的一款基于 WebGL 的 javascript 3D 绘图引擎。与其他的 WebGL 3D 引擎相比，G3D 是更加「纯粹」的渲染引擎，也就是说，它完全不依赖任何 DOM API，而是仅仅依赖一个 canvas 对象（或者类 canvas 对象）。该特性使得 G3D 不仅能够运行在浏览器环境中，也能够运行在一些非浏览器的 js 终端环境下（hybrid 环境），比如 GCanvas 环境（基于 Weex 或 ReactNative）。
地址：
https://alibaba.github.io/G3D/
11.跨平台移动开发工具 Weex
Weex 是开源的跨平台移动开发工具，能够完美兼顾性能与动态性，让移动开发者通过简捷的前端语法写出Native级别的性能体验，并支持iOS、安卓、YunOS及Web等多端部署。
地址：
https://github.com/apache/incubator-weex/
12.基于 Weex 的 UI 组件库 Weex Ui
Weex Ui 是一个基于 Weex 的富交互、轻量级、高性能的 UI 组件库。
地址：
https://github.com/alibaba/weex-ui
13.动效语言& React 框架动效解决方案 Ant Motion
Ant Motion 是从蚂蚁金服的 Ant Design 中提炼出来的动效语言。它不仅仅是动效语言，同时也是一套 React 框架动效解决方案，提供了单项，组合动画，以及整套解决方案，帮助开发者更容易的在项目中使用动效。
地址：
https://motion.ant.design/
14.多页面切换场景统一解决方案 UltraViewPager
UltraViewPager 是阿里开源的一个封装多种特性的 ViewPager ，主要是为多页面切换场景提供统一解决方案。
地址：
https://github.com/alibaba/UltraViewPager
15.模块化 UI 界面方案 Tangram UI
Tangram，七巧板，是天猫团队开源的跨平台模块化 UI 界面方案。
Tangram 不仅仅是一个 Native（iOS & Android）的界面开发框架，而是从日常工作中沉淀出的一套界面解决方案，涵盖了 Native SDK、GUI操作台、后端逻辑容器、组件库机制的一整套方案。
地址：
http://tangram.pingguohe.net/
16.自动化测试解决方案 Macaca
Macaca是一套完整的自动化测试解决方案，支持移动端和PC端，支持Native, Hybrid, H5 等多种应用类型，并且提供客户端工具和持续集成服务。
地址：
https://github.com/alibaba/macaca
17.基于 React 的中后台应用解决方案 飞冰 ICE
飞冰(ICE) 是一套基于 React 的中后台应用解决方案，ICE 包含了一条从设计端到开发端的完整链路，帮助用户快速搭建属于自己的中后台应用。
面向设计者端，ICE 提供了 ICE Design 设计语言，来给 UI 界面提供专业的视觉指导。面向开发者端，ICE 提供了 Iceworks 工具，这是一个图形化界面的开发平台，它承载了 ICE 的物料体系和开发体验。
地址：
https://alibaba.github.io/ice/
18.HTML5 互动游戏引擎 Hilo
Hilo 是阿里巴巴集团开发的一款HTML5跨终端游戏解决方案，ta可以帮助开发者快速创建HTML5游戏。
地址：
https://github.com/hiloteam/Hilo
19.JavaScript 模板引擎 Velocity.js
Velocity.js 是velocity模板语法的javascript实现。Velocity 是基于Java的模板引擎，广泛应用在阿里集 体各个子公司。Velocity模板适用于大量模板使用的场景，支持复杂的逻辑运算，包含 基本数据类型、变量赋值和函数等功能。Velocity.js 支持 Node.js 和浏览器环境。
地址：
https://github.com/shepherdwind/velocity.js
20. 非侵入式运行期 AOP 框架 Dexposed
Dexposed 是阿里巴巴无线事业部第一个重量级 Andorid 开源软件，基于 ROOT 社区著名开源项目 Xposed 改造剥离了 ROOT 部分，演化为服务于所在应用自身的 AOP 框架。它支撑了阿里大部分 App 的在线分钟级客户端 bugfix 和线上调试能力。
地址：
https://github.com/alibaba/dexposed
21. 自动化测试解决方案 UI Recorder
UI Recorder 是一款零成本的整体自动化测试解决方案，一次自测等于多次测试，测一个浏览器等于测多个浏览器！
地址：
https://github.com/alibaba/uirecorder
22. Android 应用热修复工具 AndFix
AndFix 是阿里巴巴开源的 Android 应用热修复工具，帮助 Anroid 开发者修复应用的线上问题。Andfix 是 "Android hot-fix" 的缩写。
地址：
https://github.com/alibaba/AndFix
23. 淘宝 React 框架 React Web
淘宝前端团队开源项目React Web，通过与React Native一致的API构建Web应用。
地址：
https://github.com/taobaofed/react-web、
24.基于 Node.js 的自动化持续集成 Reliable
Reliable 是分布式架构的持续集成系统，由Macaca 团队的成员开发。适用于集成构建、集成构建等场景。她是典型的主从结构，分为reliable-master 与 reliable-slave 两部分。
地址：
https://github.com/reliablejs/reliable-master
25. 模拟数据生成器 Mock.js
Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：根据数据模板生成模拟数据，模拟 Ajax 请求，生成并返回模拟数据，基于 HTML 模板生成模拟数据。
地址：
https://github.com/nuysoft/Mock
26. React 应用的服务器渲染框架 Beidou
Beidou(北斗) 是 NodeJS & React 同构框架，基于Egg.js开发。
地址：
https://github.com/alibaba/beidou