React Admin

Theme by Southliu

|

Updated: 20 May 2025

|

383 Stars

react19+vite6+antd5+react-router7+zustand5后台管理系统模版，适配手机端，支持keepalive功能、UnoCSS、动态菜单、国际化i18n、虚拟滚动表格。

Categories

Overview

This is a pre-built front-end project for middle and back-end applications developed using React 18, TypeScript, Vite, Ant Design 5.0, and other mainstream technologies. It offers automatic route generation, support for KeepAlive functionality, React-Redux state management, virtual scrolling tables, and styling using UnoCss.

Features

• React 18: Utilizes the latest version of React for improved performance and features.
• TypeScript: Provides strong typing for a more robust codebase.
• Vite: Offers fast build times and a modern development experience.
• Ant Design 5.0: Integrates the popular UI library for a polished interface.
• Automatic Route Generation: Simplifies routing setup with automatic route generation based on file structure.
• Supports KeepAlive Functionality: Allows for preserving component state during navigation.
• React-Redux State Management: Manages application state efficiently with React-Redux.
• Virtual Scrolling Tables: Enhances performance by virtualizing large data tables.
• UnoCss Styling: Utilizes UnoCss for consistent and modern styling.

Installation

1. Clone the project repository.

   git clone [project_repository_url]
   

2. Navigate to the project directory.

   cd project-directory-name
   

3. Install dependencies globally.

   npm install -g dependencies
   

4. Install project dependencies.

   npm install
   

5. If using pnpm and facing installation issues, consider using a VPN or switch to yarn.

6. Run the project.

   npm run build
   

Summary

This pre-built front-end project is developed using modern technologies like React 18, TypeScript, Vite, and Ant Design 5.0. It offers features such as automatic route generation, support for KeepAlive functionality, React-Redux state management, virtual scrolling tables, and UnoCss styling. By following the provided installation guide, users can easily set up and run the project for their middle and back-end applications.