• Stars
    star
    911
  • Rank 50,145 (Top 1.0 %)
  • Language
    TypeScript
  • Created over 1 year ago
  • Updated 3 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

最好的react ui组件库教程代码 (The code for the best react component library series tutorial)
Mx Design Logo Mx Design Logo

mx-design want to create the best tutorial project on github about how to build a react component library. The tutorial includes project building tutorials, frontend tooling related to the project building tutorials , building react components tutorials, and finally builds a library that can be used in a production environment.Meanwhile, I will try to ensure code quality, high performance, and high scalability

license

start project

Install npm packages

pnpm run init

start the component preview page

pnpm start:site

introduction

At present, I am only working on it by myself, and I have many tasks in my work, so the workload is a little heavy. I am constantly adding new components and writing tutorials. Please understand the problem of fewer components in the early stage (expected to be completed in 2023).

All components and configuration files have tutorials in Chinese and English.

Here are all the tutorials. Follow along with the code in this library.

thanks to star...

Tutorial Directory (Continue to update, welcome to pay attention!)

More Repositories

1

Back-end-knowledge-for-front-end-developer

【前端的后端知识体系】+ 面试题系列,持续更新中,欢迎加群一起交流...
137
star
2

mx-design-cli

@mx-deisgn/cli is a React web project and React component library build tool, through @mx-deisgn/cli can quickly start the development environment, package business code and component library code(@mx-deisgn/cli是一个React web项目和React组件库构建工具,通过@mx-deisgn/cli可以快速启动开发环境,打包业务代码和组件库代码)
TypeScript
124
star
3

mx-deisgn-release

这是一个让你解放push代码,发布npm包的node脚本。(以下功能导出了各个模块,可以自由增删和排列组合)自动选择更新的版本号,自动进行commit,eslint,styleint校验,自动push代码,push 包,自定义changlog文档位置并记录change,自动打tag
TypeScript
77
star
4

vastaiDva

类似dva和mirror,我们的优势在于全部ts编写,良好的插件机制和异步支持。 A simple and lightweight and elm-style framework with minimal API and zero boilerplate
TypeScript
10
star
5

GridLayout

比antd的Grid组件和Vue的Layout组件更好的布局组件,暂时没搞工程化,后续补
TypeScript
6
star
6

mx-design-icon

react icon library
TypeScript
2
star
7

mx-design-utils

This library includes public methods or global constants required by mx-deisgn
TypeScript
2
star
8

react17-webpack4-typescript

这是一个已经搭建好,生产环境和打包速度都比较快的脚手架,涉及的技术主要是react、webpack4,typescript,其中webpack4
JavaScript
1
star