Yoshino: 一个基于React的可定制化的PC组件库

Yoshino本质上类似于Hexo，不同的主题组件类似于Hexo的各种theme，hexo官方仅提供了一套 工具 以及一个基础主题，Yoshino也是如此。

开发者只需要结合 yoshino-cli 就能像配置Hexo主题一样输出不同风格的组件。

而不同主题的Yoshino需要开源社区完成，官方提供类似的yoshino-theme-site来展示不同的主题，类似于 hexojs/site

特性

• 使用 TypeScript 开发，提供 d.ts 文件帮助开发者提高开发速度
• 不同项目开发前可以通过 yoshino-cli 根据项目ui规范进行定制化开发产出。
• 除了简单通用的 ui 组件， yoshino 抽离出了一些易用性比较高的特效(功能)组件，例如
  • Helpers
  • Ripple
  • Transitions

安装

npm install yoshino
复制代码

使用方法

import * as React from 'react';
import { Button } from 'yoshino';

export default function () {
  return (
    <div>
      <Button type="primary">Primary</Button>
      <Button>Default</Button>
      <Button type="dashed">Dashed</Button>
      <Button type="danger">Danger</Button>
    </div>
  )
}
复制代码