扫一扫分享
Pile.js 是滴滴开发的基于react的移动端开发组件库。轻量,易用,包含52个交互功能,支持多语言与自定义皮肤。可以非常轻松的创建用户交互界面,让前端开发更专注于业务逻辑的实现。
质量可靠
由滴滴企业级业务精简提炼而来,经历了一年多的考验,提供质量保障
标准规范
代码规范严格按照eslint Airbnb编码规范,增加代码的可读性
相对于同类型的移动端组件库,Pile.js有哪些优势?
组件数量多、体积小
Pile.js组件库包含52个组件,体积只有236k(未压缩),并且我们支持单个组件引用,除了常用的基础组件(比如:Button、Alert、Toast、Tip、Content等)外,我们还包含更为丰富的日期、时间、城市、车型组件,包括雷达图、环形加载、刻度尺组件等以及canvas动画图表等
样式定制
Pile.js设计规范上支持一定程度的样式定制,以满足业务和品牌上多样化的视觉需求
多语言
组件内文案提供统一的国际化支持,配置LocaleProvider组件,运用React的context特性,只需在应用外围包裹一次即可全局生效。
在文档中有几个示例。这是第一个让您入门的方法:
import * as React from 'react';
import * as Reactdom from 'react-dom';
import { Button } from 'pile-ui'
import '@pile-ui/theme-default/lib/index.min.css'
class App extends Component {
render() {
return (
<Button>hello Pile</Button>
);
}
}
ReactDOM.render((
<App/>
), document.getElementById('container'));
手机预览