React Templates & Themes Logo React Templates & Themes
React_micro_web screenshot

React_micro_web

Author Avatar Theme by Pandaoh
Updated: 19 May 2023
7 Stars

( 迁移 => https://github.com/biugle/web_base )-太极(TaiJi)-基于 React + TypeScript + Vite + Antd + Electron 实现的伪微前端模板(适用于开发大型/复杂项目但又人数较少的情况)

Github Live Preview

Categories

Vite Scss Ant design

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:

  1. Start by cloning the repository:

    git clone <repository_url>

  2. Change into the project directory:

    cd web_basereact_micro_web

  3. Install 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.