Hooks Admin

Theme by Halseyspicy

|

Updated: 30 Jun 2024

|

1904 Stars

Hooks Admin，基于 React18、React-Router V6、React-Hooks、Redux、TypeScript、Vite2、Ant-Design 开源的一套后台管理框架。

Categories

Overview

Hooks-Admin is an open-source backend management framework based on React18, React-Router v6, React-Hooks, Redux & Redux-Toolkit, TypeScript, Vite2, and Ant-Design. It offers a Pro paid version that includes additional features. The project integrates the latest technologies for development and aims to provide a comprehensive solution for backend management.

Features

• Technologies: Utilizes React18, React-Router v6, React-Hooks, TypeScript, and Vite2.
• Project Development: Built with Vite2 for development and bundling, includes Gzip packaging, cross-origin proxy, and packaging preview tools.
• State Management: Uses Redux integrated with immer, react-redux, and redux-persist. Offers two state management options - redux on master branch and redux-toolkit on redux-toolkit branch.
• Request Handling: Axios is encapsulated with TypeScript for error handling, common request encapsulation, global request loading, and duplicate request cancellation.
• UI Customization: Supports Antd component size switching, dark mode, grey mode, color blindness mode, and i18n internationalization.
• Authorization and Routing: Utilizes custom higher-order components for route authorization, supports React-Router v6 lazy loading, accordion menu mode, infinite-level menus, multiple tabs, and breadcrumb navigation.
• Code Quality: Maintains code uniformity with Prettier code formatting, integrated Eslint, Stylelint for code validation.
• Project Workflow: Enforces commit message standards with husky, lint-staged, commitlint, and commitizen for commit message conventions.

Installation

1. Clone the repository:

   git clone git_repository_url
   

2. Install dependencies:

   npm install
   

3. Run the project:

   npm run dev
   

4. Build the project:

   npm run build
   

5. Lint the project:

   npm run lint
   

6. Commit changes:

   npm run commit
   

Summary

Hooks-Admin is a feature-rich backend management framework built using modern technologies such as React, Redux, TypeScript, and Vite2. With a focus on code quality and project standards, it provides developers with a robust solution for building scalable backend applications. The framework’s extensive features include state management, routing, UI customization, and code formatting, making it a valuable tool for backend development projects.