Skip to content

A lightweight backend management template based on React + TypeScript + Vite, suitable for individual developers to learn front-end/back-end separation and front-end engineering.一个基于 React + TypeScript + Vite 的轻量级后台管理模板,适合个人开发者学习前后端分离与前端工程化

License

Notifications You must be signed in to change notification settings

yi-echo/bee-react-admin

Repository files navigation

🐝 Bee React Admin

React TypeScript TailwindCSS Vite License: MIT PRs Welcome

🧩 一个轻量、现代、易上手的 React + TypeScript 后台管理模板。
💡 面向 前后端学习者 / 个人开发者,帮助你快速掌握前后端分离项目的完整开发流程。
🎓 同时适合学习 React 技术栈、权限管理、接口联调等核心技能。


✨ 在线体验

👉 Demo 预览地址
📦 GitHub 仓库地址 🧠 后端仓库(Spring Boot)

Bee React Admin Preview


Bee React Admin Preview

🚀 特性亮点

  • ⚙️ 现代技术栈:React 18 + TypeScript + Vite + TailwindCSS
  • 🧭 模块化路由与权限控制:支持动态菜单和角色权限
  • 🎨 高颜值 UI 设计:响应式布局,支持暗黑模式
  • 🧩 组件化开发:可复用、可拓展的 UI 模块
  • 🧰 完善的工程化支持:ESLint + Prettier + Husky + Commitlint
  • 🌍 多语言支持 (i18n):轻松适配全球化应用
  • 📈 性能优先:极致构建速度与按需加载优化

🧱 技术栈

类别 技术
前端框架 React 18
语言 TypeScript 5
构建工具 Vite
样式 TailwindCSS
路由 React Router v6
状态管理 Zustand / Redux Toolkit
代码规范 ESLint + Prettier + Husky + Commitlint

⚡️ 快速开始

# 克隆项目
git clone https://github.com/yi-echo/bee-react-admin.git

# 进入项目目录
cd bee-react-admin

# 安装依赖
pnpm install  # or npm install / yarn

# 启动项目
pnpm dev

# 构建项目
pnpm build

About

A lightweight backend management template based on React + TypeScript + Vite, suitable for individual developers to learn front-end/back-end separation and front-end engineering.一个基于 React + TypeScript + Vite 的轻量级后台管理模板,适合个人开发者学习前后端分离与前端工程化

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published