onresizeonresize
100

React Ts Vite Admin

screenshot of React Ts Vite Admin

react18 + ts + mobx6 + antd5 + vite4 中台模板

GithubDemo

Overview:

React-Ts-Vite-Admin is an open-source admin framework based on React18, React-Router, React Hooks, Mobx, TypeScript, Vite, and Ant-Design. It incorporates the latest technologies for development, making it a feature-rich solution for backend management tasks.

Features:

  • Latest Technologies: Utilizes React18, React-Router v6, AHooks, TypeScript, Vite4, and Mobx.
  • Vite Integration: Uses Vite4 as the project development and bundling tool with advanced features like Gzip packaging, cross-origin proxy, preview tools, font compression, and style prefix compatibility.
  • TypeScript Support: Fully integrated TypeScript for type-safe development.
  • Mobx State Management: Implements Mobx for state management, including the integration of mobx-persist-store.
  • Enhanced Request Handling: Employs TypeScript for secondary wrapping of Axios with error interception, common request wrapping, global request loading, and repetitive request cancellation.
  • Antd Component Support: Allows for component size switching, dark mode, and i18n internationalization.
  • Additional Features: Supports KeepAlive page caching, custom higher-order components for route permission interception, button permission configuration, lazy loading configurations with React-Router v6, accordion menu mode, infinite-level menus, multi-tab navigation, breadcrumb navigation, code formatting with Prettier, eslint and Stylelint integration for code validation, and standardized commit message formatting with husky, lint-staged, commitlint, commitizen, and cz-git.

Download:

git clone [repository-url]

Install:

npm install

Run:

npm run dev

Build:

npm run build

Lint:

npm run lint

Commit:

npm run commit

CHANGELOG:

CHANGELOG.md

Summary:

React-Ts-Vite-Admin is a robust admin framework that leverages top-notch technologies like React, TypeScript, and Mobx for efficient backend management. With a plethora of features ranging from state management to request handling and UI components, it provides a comprehensive solution for developing admin panels. Additionally, the seamless integration of tools like Vite, Antd, and route configurations enhances the development experience, making it a valuable asset for developers working on admin interfaces.