Quels sont les échafaudages de réaction ?

L'échafaudage React comprend : 1. Créer une application React ; 2. Next.js ; 3. Gatsby 4. nwb ; 6. Neutrino ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, React version 17.0.1, ordinateur Dell G3.

1. Comprendre l'échafaudage

1.1. Complexité de l'ingénierie front-end

Si nous développons simplement quelques petits programmes de démonstration, nous n'avons jamais besoin de considérer certains problèmes complexes :

• Par exemple , répertoire Comment organiser et diviser la structure ;

• Par exemple, comment gérer les interdépendances entre les fichiers

• Par exemple, comment gérer les dépendances des modules tiers ; comment compresser et packager le projet avant de le publier

• Attendez...

• Les projets front-end modernes sont devenus de plus en plus complexes :

n'introduira plus plusieurs fichiers CSS, plusieurs js écrits fichiers ou fichiers js tiers en HTML C'est très simple :

• Par exemple, les CSS peuvent être écrits à l'aide de préprocesseurs tels que less et sass. Nous devons les convertir en CSS ordinaires pour qu'ils soient analysés par le navigateur

• . Par exemple, le code JavaScript n'est plus seulement écrit dans quelques fichiers, mais est composé de centaines ou de milliers de fichiers grâce à la modularisation. Nous devons utiliser la technologie modulaire pour gérer l'interdépendance entre eux

• Par exemple, un projet a besoin ; s'appuyer sur de nombreuses bibliothèques tierces, comment mieux les gérer (comme la gestion de leurs dépendances, les mises à niveau de version, etc.) ;

• Afin de résoudre les problèmes ci-dessus, nous devons apprendre quelques outils supplémentaires :

tels que babel, webpack, gulp. Configurez leurs règles de conversion, leurs dépendances d'emballage, leurs mises à jour chaudes, etc.

• Vous constaterez que vous êtes confronté à une série de problèmes d'ingénierie avant de démarrer le projet

• L'émergence des échafaudages, c'est pour aider ; nous résolvons cette série de problèmes ;

1.2.

L'échafaudage traditionnel fait référence à une structure en architecture : une charpente temporaire construite lors de la construction d'un bâtiment ou d'un bâtiment

L'échafaudage mentionné dans la programmation est en fait un outil qui nous aide à générer rapidement la structure technique du projet ;

Chaque projet a des résultats différents, mais leur structure d'ingénierie de base est similaire

• Comme elle est similaire, il n'est pas nécessaire de le faire à chaque fois. Ils sont tous construits à partir de zéro et vous pouvez utiliser certains outils pour nous aider à produire des modèles d'ingénierie de base ;

• Différents projets peuvent être développés sur la base de ce modèle ou apporter de simples modifications à certaines configurations

• Cela peut également assurer indirectement la cohérence structurelle de base du projet et faciliter la maintenance ultérieure ;

• Les échafaudages rendent l'ensemble du processus du projet, de la construction au développement en passant par le déploiement, rapide et pratique.

Quels sont les échafaudages de React

1. .docschina.org/docs/create-a-new-react-app.html)

Il existe en fait de nombreux échafaudages de réaction, parmi lesquels l'officiel. Les échafaudages recommandés sont les suivants :

Créer une application React : Si vous apprenez React ou créez une nouvelle application monopage

• Next.js : Si vous utilisez Node.js pour créer des sites Web avec rendu côté serveur

• Gatsby : Si vous créez des sites Web statiques orientés contenu

• nwb : boîte à outils pour les applications React, les bibliothèques et autres modules Web NPM

• razzle : créer des rendus de serveur sans configuration Applications JavaScript universelles

• Neutrino : créer et construire des applications JavaScript modernes sans configuration initiale

• 2, autres échafaudages

échafaudage React-cli

• Échafaudage Rekit

• [Recommandations associées :

  Tutoriel vidéo Redis

  ]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!