Yoshino

Йошино

Гибкие легкие компоненты пользовательского интерфейса ПК, построенные на React!

Любой может легко генерировать все виды тем!

Английский | ?? 简体中文

? Докс

Док

? Использование

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

Использование CSS через импорт:

 import 'yoshino/lib/index.css'

?Установить

Используя NPM:

 npm install yoshino --save

? Темы

Йошино предлагает тематическую площадку, разработчики могут поделиться йошино-теммой с другими! Как поделиться своими темами? Следуйте приведенным ниже шагам:

• Используйте yoshino-cli для генерации шаблона темы и делайте то, что хотите
• Загрузите свои темы на GitHub
• разветвляется этот повтор и редактируйте docs/pages/themes/index.tsx чтобы добавить вашу тему MSG
• затем потянуть запрос
• слияние, и вы можете искать свою тему на месте темы

Разработает хочет использовать эти темы? Нажмите yoshino-cli

? Как дизайн?

Йошино похож на Hexo. Различные компоненты стиля Yoshino равен различной теме Hexo. Hexo Official предоставляет только набор инструментов и основную тему. Йошино тоже такой.

Разработчики могут вывести компоненты необходимого им стиля, как настройка темы Hexo. Вы даже можете использовать CLI для вывода нескольких различных стилей компонентов в одном и том же проекте.

Различные темы Йошино должны быть завершены сообществом с открытым исходным кодом, и чиновник предоставит аналогичный сайт йошино-тему, чтобы показать разные темы, похожие на Hexojs/Site

В настоящее время инструмент yoshino-cli поддерживает только выходы создания компонентов, такие как создание пользовательских компонентов оповещения.

 yoshino new Alert

Позже, Yoshino-Cli может выводить соответствующие компоненты спецификации посредством инструкций, аналогичных следующим, таким как вывод компонента оповещения спецификации материала-UI.

 yoshino new Alert --theme material-ui

Даже библиотека компонентов, которая напрямую выводит всю тему.

 yoshino new all --theme material-ui

Функции

• Разработать с помощью TypeScript , предоставьте d.ts файлы, чтобы помочь разработчикам повысить скорость разработки
• Выступайте за концепцию OFA(one for all) и AFO(all for one) , до разработки проекта yoshino-cli. Согласно Project UI, стандартизируйте вывод компонентов.
• В дополнение к простому и общему компоненту ui , yoshino выявляет некоторые из более полезных компонентов эффектов (функции), таких как
  • Помощники
  • Пульс
  • Переходы
• Компонент Icon на основе Archer-SVG, загрузка спроса, только загрузка .svg , который вы используете

? Anportos

? Процесс разработки

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

? Экосистемные ссылки

• Йошино-Кли
• Йошино-Докс

? Йошино вдохновлен или питается:

• Archer-Svgs
• муравей
• Muse-Ui
• iview
• Иониконы