---
title: 介绍
order: 10
hero:
  title: Ruanshu React Component
  desc: 📖 加速中台业务开发
  actions:
    - text: 快速上手
      link: /zh-CN/components/foo
features:
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
    title: 开箱即用
    desc: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
    title: 为组件开发而生
    desc: 丰富的 Markdown 扩展，不止于渲染组件 demo，使得组件的文档不仅易于编写、管理，还好看、好用
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/b8570f4d-c1b1-45eb-a1da-abff53159967/kj9t990h_w144_h144.png
    title: 主题系统
    desc: 渐进式的自定义主题能力，小到扩展自己的 Markdown 标签，大到自定义完整主题包，全由你定
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/b3e102cd-5dad-4046-a02a-be33241d1cc7/kj9t8oji_w144_h144.png
    title: API 自动生成
    desc: 可基于 TypeScript 类型定义自动生成组件 API，组件永远『表里如一』
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/3863e74a-7870-4874-b1e1-00a8cdf47684/kj9t7ww3_w144_h144.png
    title: 移动端组件库研发
    desc: 安装主题包即可快速启用移动端组件研发能力，内置移动端高清渲染方案
  - icon: https://gw.alipayobjects.com/zos/bmw-prod/f093e060-726e-471c-a53e-e988ed3f560c/kj9t9sk7_w144_h144.png
    title: 资产数据化能力
    desc: 一行命令将组件资产数据化，标准化的资产数据可与下游生产力工具串联
footer: Open-source MIT Licensed | Copyright © 2019-present<br />Powered by self
---

## 是什么？

`Ruanshu React Componetns` 是一个 react 的组件库，主要是基于 and-design 二次开发业务组件，包括公共的方法之类的，后续会把 Taro 开发小程序的组件也陆续更新上去，通过使用 npm 包引入的方式来使用。

## 初衷

- 让大家不重复劳动
- 每个人的组件都可被大家知道
- 持续优化组件质量
- 加快项目开发效率