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

ShanaMaid · 2018年09月12日 · 最后由 es6china 回复于 2018年09月12日 · 52 次阅读

Github: https://github.com/Yoshino-UI/Yoshino

Docs: https://yoshino-ui.github.io/#/

Cli-Tool: https://github.com/Yoshino-UI/yoshino-cli

安利一个自己写的组件库,欢迎大家指正,star 来者不拒,pr 也多多益善!

设计思路

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 (

Primary Default Dashed Danger ) }
共收到 1 条回复

不错啊,继续加油。完善一下

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册