Home >Web Front-end >Front-end Q&A >What are the react scaffolding tools?

What are the react scaffolding tools?

WBOY
WBOYOriginal
2022-04-27 10:12:242823browse

The react scaffolding tools are: 1. nwb, a toolkit for React applications, libraries, and other npm modules; 2. razzle, which is a universal JS application that creates server rendering without configuration; 3. Neutrino , is to build modern js applications with zero initial configuration; 4. "react-cli", etc.

What are the react scaffolding tools?

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

What are the react scaffolding tools?

1. Officially recommended scaffolding (https://react.docschina.org/docs/create-a-new-react-app.html)

There are actually a lot of scaffolding for react, among which the officially recommended scaffolds are as follows:

  • Create React App: If you are learning React or creating a new single-page application

  • Next.js: If you are building a server-side rendered website with Node.js

  • Gatsby: If you are building a server-side rendered website for Static website for content

  • nwb: Toolkit for React applications, libraries and other web npm modules

  • razzle: Created without configuration Server-rendered universal JavaScript applications

  • Neutrino: Create and build modern JavaScript applications with zero initial configuration

2. Other scaffolding

  • react-cli scaffolding

  • Rekit scaffolding

What is scaffolding?

Traditional scaffolding refers to a structure in architecture: a temporary frame built when building a building or building;

Scaffolding

Scaffold mentioned in programming is actually a tool that helps us quickly generate the engineering structure of the project;

The completed 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. We can use some tools to help us produce basic engineering templates;

Different projects, in this It is enough to carry out project development or make some simple modifications to the configuration based on the template;

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

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

has its own scaffolding for the three popular frameworks:

  • Vue’s scaffolding: vue-cli

  • Angular’s ​​scaffolding: angular-cli

  • React’s scaffolding: create-react-app

Their role is to help us generate a common directory structure and have configured the engineering environment we need.

What do you need to rely on to use these scaffolds?

Currently these scaffolds are written using node and are based on webpack;

So we must install the node environment on our own computers;

Recommended learning: "react video tutorial"

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn