React Basics Cms

screenshot of React Basics Cms
react
ant-design

A CMS template based on React, integrated with JS configuration for generating pages

Overview:

This is a CMS basic template built on create-react-app 4.0.3 (react 17.0.2) using hooks, functional components, redux-thunk for global state management, and custom project themes. It includes features such as mock API exception monitoring (using sentry), configuration-based page generation, automatic validation of configuration options, dynamic rendering of buttons based on permissions, customizable tables and page buttons, and support for multi-select dropdowns. The project structure follows a directory design pattern and uses a specific naming convention for files and components. The git commit convention is also specified for submitting code changes.

Features:

  • Hooks-based functional components
  • Redux-thunk for global state management
  • Custom project themes
  • Mock API exception monitoring
  • Configuration-based page generation
  • Automatic validation of configuration options
  • Dynamic rendering of buttons based on permissions
  • Customizable tables and page buttons
  • Support for multi-select dropdowns

Summary:

The CMS basic template is built on create-react-app using hooks and functional components. It provides features such as global state management with redux-thunk, custom project themes, mock API exception monitoring, and configuration-based page generation. The template follows specific directory and file naming conventions, and provides flexibility for customization based on business requirements. It also enforces a git commit convention for submitting code changes.

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

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.

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.