Overview

React Admin is a management system architecture based on React 17.x and Ant Design 4.x. It provides a visual interface for managing various aspects of a system. With React Admin, users can easily navigate through the system and perform tasks efficiently.

Features

• React-based: Built using React 17.x, React Admin offers a modern and efficient development experience.
• Ant Design integration: Leveraging the power of Ant Design 4.x, React Admin provides a beautiful and responsive user interface.
• Documented components: React Admin comes with a comprehensive documentation that allows users to quickly understand and utilize its components.

Installation

To install React Admin, follow these steps:

1. Install the required dependencies. Make sure you have Node v12.14.0 or higher and Yarn 1.22.10 installed on your system.

   $ yarn install
   

2. Set up the environment variables. For Windows users, you can use cross-env to set the required environment variables.

   $ cross-env REACT_APP_MOCK=true yarn start
   

3. Configure development and test proxies. Modify the src/setupProxyConfig.json file to set up proxies for development and testing purposes.

4. Customize the theme variables. Update the theme.less file to modify the theme variables used by Ant Design.

5. Follow code style guidelines. React Admin follows the code formatting rules defined by Prettier. Refer to the .prettierrc.js file for configuration details.

Summary

React Admin is a powerful management system architecture built with React and integrated with Ant Design. It offers a range of features, including a React-based development experience, seamless integration with Ant Design components, and comprehensive documentation. With easy installation steps and code formatting guidelines, React Admin provides developers with a solid foundation for building efficient and scalable management systems.