Code Monkey home page Code Monkey logo

blueming-ui's Introduction

blueming-ui

基于 dumi 的 react 组件开发 Github:
https://github.com/luozyiii/blueming-ui

dumi:
https://d.umijs.org/guide

dumi 脚手架初始化

mkdir blueming-ui && cd blueming-ui

yarn create @umijs/dumi-lib

开始写组件 src 目录

组件开发

通用型组件: 比如 Button, Icon 等.

布局型组件: 比如 Grid, Layout 布局等.

导航型组件: 比如面包屑 Breadcrumb, 下拉菜单 Dropdown, 菜单 Menu 等.

数据录入型组件: 比如 form 表单, Switch 开关, Upload 文件上传等.

数据展示型组件: 比如 Avator 头像, Table 表格, List 列表等.

反馈型组件: 比如 Progress 进度条, Drawer 抽屉, Modal 对话框等.

其他业务类型

ts 问题汇总

1.Icon

# 错误写法
const IconComponent = Fa[type]

# yarn build 报错
# 报错 Type 'String' cannot be used as an index type.ts(2538)    string不能作为对象的index值

# 解决方法
# Typescript错误忽略
# 单行忽略
// @ts-ignore

# 忽略全文
// @ts-nocheck

# 取消忽略全文
// @ts-check
  1. Element implicitly has an 'any' type because expression of type 'any' can't be used to
# tsconfig 增加配置
"suppressImplicitAnyIndexErrors": true

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.