iamzwq / react-mui-admin Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

使用 React + MUI 搭建的后台管理系统模板

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
.husky		.husky
public		public
src		src
.editorconfig		.editorconfig
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

React + Mui 搭建的 dashboard 项目

✈ 技术栈

react-router-dom: 路由
mui: 组件库
zustand: 状态管理
@mui/icons-material: icon 图标

💪 功能

登录
路由配置
主题切换
侧边栏
[] 请求
[] 国际化

🎃 命名规范

文件(夹)命名采用 kebab-case
组件命名采用 PascalCase
变量，函数命名采用 camelCase
常量命名采用 UPPER_CASE
样式类名采用 kebab-case

🎉 MUI Theme

createTheme: 创建主题
ThemeProvider: 主题提供者
CssBaseline: 基础样式
styled: 样式化组件
useTheme: 获取主题
useColorScheme: 颜色模式
useMediaQuery: 媒体查询

代码格式规范

使用 prettier + eslint

长度超过100将换行
缩进为2个空格数
使用双引号
语句结尾添加分号

About

使用 React + MUI 搭建的后台管理系统模板

Report repository

Releases

No releases published

Packages

No packages published

Languages