React Admin Plus

screenshot of React Admin Plus
react
less
scss
ant-design

基于react,ant-ui,typescript的前端微服务框架。

Overview:

React-admin-plus is a frontend microservices framework based on React, Ant Design UI, and TypeScript. It is designed to be adaptable for mobile devices, with features such as multi-level menus, commonly used components, maps, and rich text. The framework allows for flexible homepage configuration and quick access to commonly used pages. It also offers global theme configuration and separates business code and components for improved code clarity. React-admin-plus integrates with animation libraries and includes a variety of animations. The project is open source and welcomes contributions.

Features:

  • Full mobile adaptation: The framework is fully adapted for mobile devices, providing a seamless user experience across different screen sizes.
  • Integration with external resources: React-admin-plus integrates with external resources such as multi-level menus, commonly used components, maps, and rich text editors, making it easy to add these features to your project.
  • Flexible homepage configuration: Users can configure the homepage to suit their preferences, allowing for quick access to commonly used pages.
  • Global theme configuration: The framework provides an interface for globally configuring the theme, allowing for consistent styling throughout the project.
  • Clear separation of business code and components: React-admin-plus separates business code and components, making the codebase more organized and maintainable.
  • Integration with animation library: the framework integrates with an animation library, allowing for the inclusion of rich animations in the project.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

ant-design
Ant Design

Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

mobx
Mobx

MobX is a simple and scalable state management library for JavaScript applications. It uses reactive programming techniques to automatically update the user interface in response to changes in the application state, making it easy to build complex and dynamic user interfaces with minimal code.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.