react-admin-ts

English | 中文

A basic react admin template with vite2 & ant4 UI & axios & svg-icon& permission control & lint

A new generation admin construct using react17+vite2+element-plus ，It’s fast!

Use eslint+prettier+gitHooks format and verification code to improve code standardization and development efficiency

Update log

//10-08
add error log collection func

Online experience

github address

Access address

国内体验地址：http://8.135.1.141/react-admin-ts

github 地址： https://github.com/jzfai/react-admin-ts.git

Demo

—- Let’s look at the loading speed and the size of the built package first.：

Related items

The framework is available in js, ts and plus versions

• react js version： react-admin-template
• react ts version： react-admin-template
• vue3 js version：vue3-element-admin
• vue3 ts version：vue3-element-ts
• vue3 plus version：vue3-element-plus
• java Micro-service background data：micro-service-plus

development and experience：two words Really fragrant！！！！！

Documents

— Efforts are being made to develop documents ……

You can refer to first：documentation of vue-admin-template

Difference from traditional react admin

1.Simple routing configuration, routing generation and page rendering can be completed in one configuration

2.Using react hooks, the writing method is more flexible, simple, and easier to maintain and migrate

3.Using vite2 instead of webpack is easier to configure, pack and run faster

Comparison of packaging speed between vite2 and webpack

Build Setup

# clone the project
git clone https://github.com/jzfai/react-admin-ts.git

# enter the project directory
cd react-admin-ts

# install dependency(Recommend use yarn)
yarn

# develop
yarn run dev

using the browser to open http://localhost:5001

Build

# build for dev environment
yarn run build-serve

# build for production environment
yarn run  build

Others

# preview the dev environment effect
yarn run preview:build-serve

# preview the release environment effect
yarn run preview

# code format check
yarn run lint

Extra

Architecture development is not easy. If you feel good, please give me a compliment. The architecture is still being improved. Welcome to join me in development and become Contributors together! ! ! !

Browsers support

Modern browsers and Internet Explorer 11+.

IE / Edge	Firefox	Chrome	Safari
Edge	last 2 versions	last 2 versions	last 2 versions

Discussion and Communication

WeChat group

License

MIT license.

Copyright (c) 2021-present kuanghua

GitHub

View Github