Yoshino

Yoshino

Composants flexibles de l'interface utilisateur de PC légers construits sur React!

Tout le monde peut générer facilement toutes sortes de thèmes!

Anglais | ?? 简体中文

? Docs

Docs

?Usage

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

Utilisation de CSS via l'importation:

 import 'yoshino/lib/index.css'

?Installer

Utilisation de NPM:

 npm install yoshino --save

? Thèmes

Yoshino propose le site à thème, les développeurs peuvent partager le thème Yoshino avec d'autres! Comment partager vos thèmes? Suivez les étapes ci-dessous:

• Utilisez le modèle de thème Yoshino-Cli pour générer et faites ce que vous voulez
• Téléchargez les thèmes de vos vôtres sur github
• Fourk ce représentant et modifiez docs/pages/themes/index.tsx pour ajouter votre thème msg
• puis tirez la demande
• fusionner et vous pouvez rechercher votre thème sur le site thème

Développe envie d'utiliser ces thèmes? Cliquez sur Yoshino-Cli

? Comment concevoir?

Yoshino est similaire à Hexo. Les différents composants de style de Yoshino sont égaux à Hexo divers thème ， Hexo Officiel ne fournit qu'un ensemble d'outils et un thème de base. Yoshino est également tel.

Les développeurs peuvent sortir les composants du style dont ils ont besoin, tout comme la configuration du thème Hexo. Vous pouvez même utiliser CLI pour produire plusieurs styles de composants différents dans le même projet.

Différents thèmes de Yoshino doivent être complétés par la communauté open source, et le responsable fournira un site de thème Yoshino similaire pour montrer différents thèmes, similaires à Hexojs / Site

Actuellement, l'outil Yoshino-Cli ne prend en charge que les sorties de création de composants, telles que la création de composants d'alerte personnalisés.

 yoshino new Alert

Plus tard, Yoshino-CLI peut produire des composants de spécification correspondants à travers des instructions similaires à ce qui suit, telles que la sortie du composant d'alerte de la spécification du matériau-UI.

 yoshino new Alert --theme material-ui

Même une bibliothèque de composants qui publie directement l'ensemble du thème.

 yoshino new all --theme material-ui

Caractéristiques

• Développer avec TypeScript , fournir des fichiers d.ts pour aider les développeurs à augmenter la vitesse de développement
• Prôlez le concept de OFA(one for all) et AFO(all for one) , avant le développement du projet par Yoshino-Cli. Selon l'interface utilisateur du projet, standardisez la sortie des composants.
• En plus du composant ui simple et générique, yoshino tire certains des composants (fonctionnalités) les plus utilisables, tels que
  • Assistants
  • Ondulation
  • Transitions
• Composant Icon basé sur des archer-SVG, chargement à la demande, ne chargez que .svg que vous utilisez

? Contributs

«Processus de développement

 npm run dev // 启动开发环境
npm run new ComponentName // 新建组件

? Liens d'écosystème

• Yoshino-Cli
• yoshino-docs

? Yoshino est inspiré ou alimenté par:

• archer-svgs
• fourmi conception
• Muse-UI
• iView
• ionicons