Yoshino: 一个基于React的可定制化的PC组件库
2024-09-04 21:58:11
Github: https://github.com/Yoshino-UI...
Docs: https://yoshino-ui.github.io/#/
Cli-Tool: https://github.com/Yoshino-UI...
安利一个自己写的组件库,欢迎大家指正,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>
)
}
最新文章
- SPI总线协议及SPI时序图详解
- 咏南WEB开发框架(FOR XE10.1 BERLIN)
- 在Windows下使用Nodist进行Node版本控制
- ZJOI2009 假期的宿舍
- PHP定时执行任务的实现(转)
- yield关键字的用法
- RAW碰到的问题与功能的测试
- 总结:js中4类修改样式的方法
- 加密解密工具类(Java,DES)
- nodejs中express安装失败解决方法
- 关于appium+模拟器+idea的细谈
- 【linux】常用命令之用户管理
- Retrofit2 项目配置
- MDX函数
- OI生涯回忆录 2017.9.10~2018.11.11
- Python2的一些问题及解决办法
- Git log和git reflog
- 操作表单域中的value值
- 23 DesignPatterns学习笔记:C++语言实现 --- 2.4 Composite
- 成都优步uber司机客户端下载-支持安卓、IOS系统、优步司机端Uberpartner