React_micro_web
( 迁移 => https://github.com/biugle/web_base )-太极(TaiJi)-基于 React + TypeScript + Vite + Antd + Electron 实现的伪微前端模板(适用于开发大型/复杂项目但又人数较少的情况)
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.
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.
- 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
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- 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 is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- 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.
- 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.