Yoshino: 一个基于React的可定制化的PC组件库
发布在前端开发2018年9月7日view:241HTML5CSScss3开源项目前端开发Grunt,Webpack,GulpWeb组件,模块化React前端的畅想前端工程师HTML网页设计ES6
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

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

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

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

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

更多内容请移步Github, thanks!

设计思路

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>
  )
}
评论
发表评论
暂无评论
WRITTEN BY
ShanaMaid
度厂运水工人,让程序媛喝上放心的纯净水!
TA的新浪微博
PUBLISHED IN
前端开发

前端开发

我的收藏