Giter Site home page Giter Site logo

yao206cc / monki-ui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jacky-summer/monki-ui

0.0 0.0 0.0 2.77 MB

🚀 基于 React + TypeScript + Dumi + Jest + Enzyme 开发 UI 组件库

Home Page: https://jacky-summer.github.io/monki-ui

License: MIT License

JavaScript 4.01% TypeScript 57.20% SCSS 38.79%

monki-ui's Introduction

Monki UI

Build Status tested with jest david-dev-image david-image

Monki UI,是一款基于 Dumi,由 React + TypeScript 开发的个人组件库 🎉。

该开源项目是我为进阶 React,同时探索组件库设计开发思路所做的,故不可用于生产环境。由于个人设计能力有限,故 UI 设计方面会大量参考Ant Design 组件库,同时组件的使用方式也会参照 Ant Design 进行实现。如果你也想学习组件开发,欢迎加入或提供意见,你的 star ⭐,是对我最大的鼓励。

✨ 特性

  • 🌈 提炼组件库设计良好的视觉风格
  • 📦 渐进式探索高质量的前端代码的实现
  • 🛡 使用 TypeScript 开发,提升开发体验
  • ✅ 使用单元测试,为组件稳定性保驾护航
  • 📖 提供开发过程的文档思路,助力你学习组件开发
  • 🔖 欢迎贡献组件代码,探索最佳实践

📦 安装

使用 npm 或 yarn 安装(推荐)

yarn add monki-ui
npm install monki-ui

🔨 示例

import { Button } from 'monki-ui'

const App = () => (
  <>
    <Button type="primary">Primary Button</Button>
  </>
)

引入样式:

import 'monki-ui/dist/index.css'

计划

🚧 开发中......

  • 开发 Upload 组件

✨ 已完成

  • CSS 样式解决方案、初始化文件结构、UI 设计
  • Button 组件开发与测试
  • 增加 Travis CI
  • 创建入口文件,并发布到 npm
  • 开发 Alert 组件
  • 开发 Menu 组件
  • 开发 Tab 组件
  • 开发 Input 组件
  • 开发 AutoComplete 组件
  • 开发 Tag 组件
  • 开发 Select 组件

开源协议

版权 (c) 2020-至今 归 JackySummer 所有. 详情请阅 LICENSE.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.