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

maochunguang 发布于2019-08-29 16:40 / 915人阅读

摘要：开发者只需要结合就能像配置主题一样输出不同风格的组件。除了简单通用的组件，抽离出了一些易用性比较高的特效功能组件，例如安装使用方法

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 (
    
      
      
      
      
    
  )
}

云服务器 GPU云服务器 react cdn库组件库 HeyUI组件库 pc访问数据库库通过堡垒机

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113904.html

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

摘要：开发者只需要结合就能像配置主题一样输出不同风格的组件。除了简单通用的组件，抽离出了一些易用性比较高的特效功能组件，例如安装使用方法 Github: https://github.com/Yoshino-UI... Docs: https://yoshino-ui.github.io/#/ Cli-Tool: https://github.com/Yoshino-UI... 安利一...

caoym 2019-08-02 16:04 评论0 收藏0
Yoshino: 一个基于React的可定制化的PC组件库

摘要：开发者只需要结合就能像配置主题一样输出不同风格的组件。除了简单通用的组件，抽离出了一些易用性比较高的特效功能组件，例如安装使用方法 Github: https://github.com/Yoshino-UI... Docs: https://yoshino-ui.github.io/#/ Cli-Tool: https://github.com/Yoshino-UI... 安利一...

Yangder 2019-08-23 11:50 评论0 收藏0
搜集React、Vue、Angular和传统UI组件库以及后台管理平台模板

摘要：高颜值好用易扩展的微信小程序库，有赞。一套高质量的微信小程序组件库。用和搭建的一个通用管理后台基于实现的后台管理系统模板一个后台管理系统模板是一套组件化框架，支持定制主题，主要服务于前台及中后台产品。基于后台管理系统。快来Star，在这里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...

zhangrxiang 2019-08-29 13:59 评论0 收藏0
搜集React、Vue、Angular和传统UI组件库以及后台管理平台模板

摘要：高颜值好用易扩展的微信小程序库，有赞。一套高质量的微信小程序组件库。用和搭建的一个通用管理后台基于实现的后台管理系统模板一个后台管理系统模板是一套组件化框架，支持定制主题，主要服务于前台及中后台产品。基于后台管理系统。快来Star，在这里哦Awesome UIKit。 showImg(https://segmentfault.com/img/remote/14600000059942...

source 2019-08-21 18:01 评论0 收藏0
11个React Native 组件库和 Javascript 数据可视化库

摘要：数据可视化库超过的的可能是最流行和最广泛的数据可视化库。是一组组件，用于高效地渲染大型列表和表格数据。一种优雅而灵活的方式，可以利用组件来支持实际的数据可视化。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！ React Native 组件库 1. NativeBase showImg(https://segmentfault.com/img/bVbrLHH?w=...

tangr206 2019-08-23 17:11 评论0 收藏0