feifandeni / react-admin-ts

🎉 ts version of react-admin-template

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

--- to look the doc-

真香定律!带你用react17+vite2撸后台

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.:

template-speed-analysis

template-demo

Related items

The framework is available in js, ts versions

development and experience:two words Really fragrant!!!!!

Documents

系列文章入口:

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 pnpm)
pnpm

# develop
pnpm run dev

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

Build

# build for dev environment
pnpm run build-serve

# build for production environment
pnpm run  build

Others

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

# preview the release environment effect
pnpm run preview

# code format check
pnpm 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
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Edge last 2 versions last 2 versions last 2 versions

Discussion and Communication

WeChat group

License

MIT license.

Copyright (c) 2021-present kuanghua

About

🎉 ts version of react-admin-template

License:MIT License


Languages

Language:TypeScript 53.3%Language:SCSS 26.4%Language:JavaScript 19.5%Language:Shell 0.4%Language:HTML 0.4%