react admin tp

React-Admin-TP background management system project template

React-TypeScript background management system project templates, built-in dynamic embedded routing, data Mock, TailwindCSS, night mode, dynamic bread chips, custom format components. EN

? Project Overview

Building tools to choose Webpack VITE

It is recommended to use scaffolding template React-TP-CLI

Main dependencies

• axios
• ahooks
• tailwindcss
• ant-design
• MOBX

Packing/development related

• Packing entrance file
  • webpack.config.js
  • vite.config.ts
• xxxx.config.js Different environments packaging configuration
• Request proxy DevServer.proxy
• SRC API Request.ts can add request interception related processing logic

Environment variable

• .env global environment variable
• .env.xxxx dynamic environment variables

新增环境需要在 scripts 里配置相应指令 cross-env NODE_ENV=(你的环境名)
环境变量文件 你的环境名.config.js .env.你的环境名 即可自动加载

Dynamic routing configuration

 // 动态路由配置参考
GLOBAL_ROUTERS . APP_PAGE ;

// 调用这方法设置你的动态路由配置
store . setDynamicRoutes ( routerConfig ) ;

---

Project structure

• API interface related
• assets resource file
• components public component
• Config public parameter
• layout public layout
• Mock simulation data
• Pages routing page
• Router Routing Table Embedded Component
• store
• types
• utils

You need to install ESLint, Prettier, Tailwind CSS Intellisnse plug -in (Wall crack recommendation installation)
Environment variables and packaging configuration dynamic loading and installation project dependence before submit code to keep the project tidy
HOMEPAGE related files and constructive instructions can be deleted

Installation dependence

 // 没有pnpm的话先安装pnpm
npm i pnpm -g

// 安装依赖
pnpm i

Project activation

 // dev
pnpm start

// pro
pnpm build

If you have any questions, please mention the ISSUE warehouse address of Isue☹ Star ★