ReactSPA

Theme by Muyunyun

|

Updated: 27 Oct 2020

|

933 Stars

combination of react teconology stack

Categories

Overview:

This project is a practical exploration of React technology stack and frontend engineering. The vision is to develop a relatively complete solution for the development of middle-tier systems. Various modules demonstrating the effects are showcased, and local viewing is recommended.

Features:

• Tech Stack: Utilizes Babel Webpack (4.x), webpack-dev-server, React & React-Dom (^16.11.0), Antd (3.x), react-router (4.x), redux, ES6, ES7, less, Fetch, CORS, and Eslint (Airbnb standard).
• Modules: Includes a todoList, GraphQL + Relay for TodoList in Redux, React performance optimization, CSS modularization, React backend management system, redux middleware analysis, webpack plugin mechanism exploration, React 16.x feature clipping, music module, tools module, intelligent calculators, rich text editor, to-do list, gallery module, image waterfall flow, search module integrating Baidu, 360, and Sogou search, and more.
• Project Structure: Implements suspense instead of react-loadable, and experimenting with migrating the state management library to GraphQL.

Installation:

1. Clone the project repository:

git clone [repository_url]

2. Install dependencies:

cd project_folder
npm install

3. Start the development server:

npm start

4. Explore the different modules and features mentioned in the project.

Summary:

The project is a comprehensive exploration of React technology stack and frontend engineering practices. It showcases various modules and features aimed at providing solutions for middle-tier systems development. By following the installation guide, users can delve into the codebase and explore the intricacies of the project’s implementation.