A react admin template with vite2 & ant4 UI & axios & svg-icon
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
国内体验地址: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
License
MIT license.
Copyright (c) 2021-present kuanghua