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

Overview

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

template-speed-analysis

template-demo

Related items

The framework is available in js, ts and plus versions

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

Releases(v1.2.0)
CoreUI is free bootstrap admin template for react

CoreUI Free Bootstrap Admin Template For React

CoreUI 11k Oct 20, 2021
CoreUI React is a free React admin template based on Bootstrap 5

CoreUI Free React Admin Template v4 CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app i

CoreUI 3.5k Oct 13, 2021
Corona React - Free Admin Template

Corona React - Free Admin Template Love dark mode? Here’s Corona React, now available as a free template. Don’t let the name scare you, Corona is a sl

BootstrapDash 77 Oct 11, 2021
Free React.js Admin template

Azia Admin React is yet another incredible admin template from BootstrapDash that is based on the Bootstrap framework. The template is tastefully designed and coded to perfection. Azia Admin React comes packed with a lot of bootstrap components, UI elements, and built-in sample pages to kick-start your project.

BootstrapDash 32 Oct 11, 2021
Berry is a creative free react admin template build using the Material-UI

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

CodedThemes 284 Oct 16, 2021
Berry free react material-ui admin template for easing and faster web development.

Berry is a creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete game-changer React Dashboard Template with easy and intuitive responsive design as on retina screens or laptops.

CodedThemes 282 Oct 14, 2021
Star Admin Free React Template

Star Admin Free React Template Star Admin React is yet another incredible admin template from BootstrapDash that is based on Bootstrap framework. The

BootstrapDash 148 Oct 9, 2021
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS

AntD Admin An excellent front-end solution for enterprise applications. Preview - https://antd-admin.zuiidea.com Documentation - https://doc.antd-admi

zuiidea 8.6k Oct 13, 2021
A cli tool to generate cra-template from current create-react-app project.

Create Cra Template A cli tool to generate cra-template from current create-react-app project. Create Cra Template Templates cra-template-popular cra-

Yoki 19 Sep 16, 2021
lego脚手架模板-react+vite2

react-vite2-template react-vite2-template是@lego-cli/web端模版,使用antd作为组件库,lodash作为工具库 模板介绍 1.路由介绍,src/routes/RouteConfig.tsx const routes: IRoute[] = [

Dreamer 3 Jul 22, 2021
Datta Able Free Bootstrap 4 Admin Template

Datta Able Free Dashboard Template made using Bootstrap 4 framework, It is a free lite version of Datta Able Pro Dashboard Template that makes you fulfill your Dashboard needs.

CodedThemes 73 Oct 7, 2021
Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

Creative Tim 419 Oct 13, 2021
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

Horia S 27 Oct 8, 2021
🔮 Sofia React Template - Admin Dashboard Template built with React

?? Sofia React Template - Admin Dashboard Template built with React

Flatlogic 66 Oct 4, 2021
React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。

React和Ant Design和 Nest.js 和 Mysql 构建的后台通用管理系统。

韦钦可 119 Aug 22, 2021
React Reduction - Free Admin Template Built with React and Bootstrap4

React Reduction - Free Admin Template Built with React and Bootstrap4 Preview You can check out live preview. Quick Start Clone the repo git clone htt

Reduction Theme 1.3k Oct 15, 2021
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

Salah Eddine Lalami 108 Oct 5, 2021
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.

Light Bootstrap Dashboard React Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top

Creative Tim 618 Oct 9, 2021
Build React Typescript Authentication and Authorization example using React Hooks, React Router, Axios and Bootstrap

React Typescript JWT authentication and authorization example with Hooks, React router, Axios - Role based authentication example

null 6 Oct 15, 2021