UXCore：一个兼容主流浏览器的 React PC 组件库

0. 为什么我们需要 UXCore？

UXCore 是一个基于 React 的 PC UI 套件库，兼容 IE8+。http://uxco.re/
阿里巴巴信息平台是负责整个阿里巴巴集团智能办公系统的团队，涉及非常多的企业业务系统，包括薪酬、人力、财务、行政、IT 等等，在这些系统中产生了大量的表格、表单和图表的交互场景，这里面有很多重复配置的地方，也有很多定制变化的地方，目前业界的这一方面还没有能够完全满足这一方面的解决方案，因此有了 UXCore。
UXCore 要解决的核心问题，就是方便高效地产出表单、表格，同时提供足够强大的定制能力，使用户可以对组件的每一个渲染部分进行修改，从而满足各种不同种类的业务场景。
为了实现核心的目标，我们和 UED 团队积极合作，充分收集业务场景和进行视觉优化，在这个过程我们产出了一系列的简单易用的基础组件，用于构建页面的其他部分。目前信息平台的新系统都在使用 UXCore 进行承载，我们也很愿意将我们已经成熟的解决方案分享出来，帮助更多的企业系统开发者解决他们开发上的痛苦，同时也寄希望于依靠社区的反馈，可以让 UXCore 走的更好。

1. UXCore 有哪些特性。

1.1 丰富的组件

超过 35 个常用基础组件用来构建你的系统业务，涵盖大部分常用功能

1.2 专注于企业应用

图2：UXCore 致力于产出方便易用、功能强大且高度可定制的表单、表格、布局组件。'

• 表单内置 10 余种常用表单域可以直接使用。

• 表格除了基础功能外，还支持折叠展开二级面板、树形结构、行内编辑等复杂场景。

• 布局支持传统的左右自适应布局和栅格布局，轻松搞定页面排版。

• 除了内置的功能外，表单、表格还有一套简易地定制体系，随时可以在业务中为组件注入更强大的力量。

1.3 全面的国际化支持

所有组件的内置文案支持国际化，大部分文案用户可以主动设置。

1.4 可以定制的主题

我们默认提供了两套主题供使用，这两套主题也同时在我们的系统中使用，如果你不喜欢我们的主题，你也可以使用我们的在线定制工具定制你的主题，我们目前开放了所有颜色的定制，未来可能会开放更多的定制点。

1.5 按需使用

UXCore 的每个组件都是单独项目维护的，并且也会单独发布于 npm，因此如果你不喜欢引用 UXCore 的大全包，你也可以单独引用独立的组件使用。同时，修改 UXCore 原有的样式也十分简单，只需修改类名前缀(prefixCls)，即可定制属于自己的 UXCore 组件风格。

1.6 提供项目级的建议和支持

如果你苦于搭建使用 React 和 UXCore 的项目环境，可以参考我们的 starter kit，在这里我们给出了团队在众多项目实践总结出的统一解决方案(NOWA)，供你参考。

2. UXCore 正在做的事情

2.1 更加值得信赖

为了保证后续迭代和社区贡献的质量，我们会积极地接入代码风格校验和持续集成测试，目前我们的方案已经确定，正在向所有的组件进行推广。

2.2 可视化页面搭建

通过在线可视化的页面，通过拖拽和简单配置来实现简单交互页面的搭建，同时输出代码，用以后续更改和添加代码。

2.3 持续的功能增强

借助社区和团队自身的力量，UXCore 会在现有基础上优化使用体验，增强组件功能，添加更多常用组件来满足不同场景的需求。

3. 链接

• github: https://github.com/uxcore/uxcore

• 文档站点: http://uxco.re/