Overview
The web_basereact_micro_web project is a pseudo micro-frontend template built on React, TypeScript, Vite, Antd, and Electron. It is designed for developing large and complex projects with a limited number of developers. The technology stack includes React 17.x, Redux Toolkit, TypeScript, Scss/Less, Ant Design 4.x, Vite 3.x, Electron, EsLint, Prettier, and Husky.
Features
- React 17.x: The latest version of React library for building user interfaces.
- Redux Toolkit: A package that simplifies Redux state management and provides utility functions.
- TypeScript: A statically typed superset of JavaScript that helps catch errors at compile time.
- Scss/Less: CSS preprocessors that add features like variables, mixins, and nested selectors.
- Ant Design 4.x: A popular UI library that provides ready-to-use components for building interfaces.
- Vite 3.x: A fast build tool for modern web development.
- Electron: A framework for building cross-platform desktop apps using web technologies.
- EsLint: A tool for identifying and reporting on patterns found in JavaScript and TypeScript code.
- Prettier: An opinionated code formatter that enforces a consistent code style.
- Husky: A Git hook manager that allows running scripts before commits are made.
Installation
To install the web_basereact_micro_web project, follow these steps:
Start by cloning the repository:
git clone <repository_url>Change into the project directory:
cd web_basereact_micro_webInstall the dependencies:
npm install
Summary
The web_basereact_micro_web project is a template for developing micro-frontends using React, TypeScript, Vite, Antd, and Electron. It offers a comprehensive technology stack and a well-designed directory structure to support the development of large and complex projects with a small team. The project provides key features such as React components, state management with Redux Toolkit, and UI design with Ant Design. Installation is straightforward, requiring the cloning of the repository and the installation of dependencies.