What does react's scaffolding mean?

In React, scaffolding means a tool for quickly generating project engineering structure; React scaffolding can quickly start a React project, generate a common directory structure, and configure the required environment, including basic dependencies. The library only needs to be installed using "npm install", which saves project configuration time.

The operating environment of this tutorial: Windows 10 system, react17.0.1 version, Dell G3 computer.

What does React scaffolding mean?

React scaffolding means to help you quickly start a React project, that is, to give you a set of React structures, including the basics The dependent libraries can be installed by just npm install, so we don’t need to waste time on editing or other things. In short, it is to quickly build the project, so that we can write code earlier.

Create React App is a scaffolding tool officially developed by FaceBook’s React team to build React single-page applications. It integrates Webpack itself and is configured with a series of built-in loaders and default npm scripts, making it easy to quickly develop React applications with zero configuration.

Advantages of React scaffolding:

• No configuration required;

• Integrated support for React, JSX, ES6 and Flow ;
  

• Integrated development server;
  

• The source code is very clear and there are no redundant files.

Scaffolding

The scaffolding mentioned in programming is actually a tool that helps us quickly generate engineering projects Structure;

The finished effect of each project is different, but their basic engineering structure is similar;

Since it is similar, there is no need to build it from scratch every time, it is completely possible Use some tools to help us produce basic engineering templates;

For different projects, we can develop projects based on this template or make some simple modifications to the configuration;

This way It can also indirectly ensure the basic structural consistency of the project and facilitate later maintenance;

Summary: Scaffolding makes the entire process of the project from construction to development to deployment fast and convenient;

The three most popular frameworks now have their own scaffolding:

• Vue’s scaffolding: vue-cli

• Angular’s ​​scaffolding: angular-cli

• React scaffolding: create-react-app

Their functions are to help us generate a common directory structure, And the engineering environment we need has been configured.

Recommended learning: "react video tutorial"

The above is the detailed content of What does react's scaffolding mean?. For more information, please follow other related articles on the PHP Chinese website!