Introduction aux outils de construction

Introduction au webpack

Webpack est un petit test

Utilisation des fichiers de configuration Webpack

moins de chargeur analyse moins

vérification de la syntaxe du chargeur eslint

conversion de syntaxe js

La nouvelle syntaxe js est introduite à la demande

url-loader analyse les images dans les styles

Emballer des fichiers HTML

Emballage des ressources d'images en HTML

Packager d’autres ressources

Compiler, empaqueter et exécuter automatiquement

HMR (remplacement de moule à chaud)

technologie de cartographie devtool

Préparer l'environnement de production

Effacer le répertoire des fichiers empaquetés

Extraire le CSS dans des fichiers séparés

Traitement de compatibilité des fichiers CSS

compresser le CSS

compresser le code HTML

Utilisation du compilateur vscode

Introduction pour réagir

bonjour-réagir

Deux façons de créer un DOM virtuel

Quelques petites questions

règles de syntaxe jsx

Un petit exercice en jsx

Deux façons de créer des composants

revoir

L'état des trois attributs majeurs des composants

abréviation d'état

props, les trois propriétés majeures des composants

Méthode d'écriture simplifiée pour transmettre les attributs de balise via des accessoires

gestion des ref&events des trois attributs majeurs des composants

ref nouvelle syntaxe

revoir

todolist implémente des composants statiques

todolist affiche dynamiquement les données

Liste complète des tâches

Composants contrôlés et non contrôlés

Cycle de vie des composants

revoir

À propos de forceUpdate et willRecriveProps

getDerivedStateFromProps

getSnapshotBeforeUpdate

Vérifier l'algorithme de comparaison

La fonction de la clé

Télécharger l'échafaudage de réaction

Une description simple de l'échafaudage de réaction

Description détaillée de l'échafaudage React

Une simple combinaison de composants

Cas de commentaire – page statique

Cas de commentaire utilisateur : initialisation dynamique

Cas de commentaire utilisateur : ajouter des commentaires

Cas d'avis d'utilisateur : interaction complète

Avis d'utilisateurs – Deuxième édition

exercice axios

Exercice simple de récupération

Cas de recherche Github – page statique

Cas de recherche github : envoyer une demande

Cas de recherche github : interaction complète

revoir

Cas de recherche github – version pubsub

Méthode de communication entre les composants de réaction

Introduction au routage

Utilisation de base du routage

Description détaillée du routage de base

Construction du tracé secondaire (1)

revoir

Construction du tracé secondaire (2)

Paramètres de transmission du composant de routage

Navigation d'itinéraire programmatique

Utilisation simple d'antd

revoir

Introduction du dossier - démonstration des effets du projet

Revoir Git

Sélection de la technologie du projet

Créez des applications à l'aide de create-react-app

Configurer l'introduction à la demande du style antd

et thème personnalisé

Créer des routes de connexion et d'administration

page statique de connexion

antd's Du composant statique

Validation déclarative des noms d'utilisateur

Vérification personnalisée des mots de passe

Vérification unifiée du formulaire de connexion

Composants d'ordre supérieur et fonctions d'ordre supérieur

revoir

Préparer la branche Redux

Introduction au modèle d'interaction redux

Explication détaillée du diagramme schématique redux

Version cas-réaction

Version Case-redux-sans action

Version finale de Case-redux

Introduction à React-Redux

Case-react-redux (première version)

Case-react-redux (deuxième édition)

programmation asynchrone React-Redux

Utilisation des outils de débogage Redux

Codage modulaire pour React-Redux

revoir

Construire un environnement de développement redux

Interface API et tests

Configurer le proxy pour résoudre les problèmes inter-domaines

paramètres d'encodage au format JSON de la demande de publication

Utilisation de l'intercepteur de requêtes axios

Utilisation de l'intercepteur de réponse axios

Configurer le chemin de base du projet

Demander un effet de barre de progression

Gérer les informations utilisateur renvoyées par le serveur à la gestion redux

connexion automatique

Fonction de déconnexion

revoir

Syntaxe du décorateur

vérification du jeton

Construction de la mise en page globale de l'administrateur

Construction de sous-routage d'administration

Disposition statique de l'en-tête

Saut automatique lorsque le statut de connexion expire

Interaction de la tête-commutation plein écran

Interaction avec la tête - déconnexion

Affichage du temps de tête

Obtenir des informations météorologiques

Afficher les informations météo

Utilisation de withRouter

Disposition statique de navigation à gauche

Navigation gauche statique - effet de commutation

Générer dynamiquement des menus

Le menu est sélectionné par défaut et ouvert automatiquement

Afficher le titre dans le composant d'en-tête

Utiliser Redux pour gérer les titres

Page statique de classification des produits (1)

Page statique de classification des produits (2)

Initialiser dynamiquement les données

Ajouter et modifier des fenêtres pop-up

Ajouter un nouveau produit

Mettre à jour la catégorie de produit

Résoudre le problème de sélection par défaut de navigation

Page statique de gestion des produits

Affichage de la liste d'initialisation + pagination

Statut de l'élément d'opération

Envoyer une demande de recherche

Implémentation de la fonction de recherche

Construction des détails du produit et modification du routage

Résoudre le problème de la sélection des étiquettes et du titre

Détails du produit – Page statique

Afficher les détails

Extraire les détails du serveur

Afficher les détails du produit-redux

Afficher les détails du produit - backend de demande

Ajouter une nouvelle page statique de produits

Recueillir des données sur les produits

Mur photo statique

Télécharger un fichier à l'aide du composant Upload

Télécharger et supprimer des réponses

Fonction de téléchargement complète

Éditeur de texte enrichi

Nouveau produit complet

Modification du produit

Introduction à la gestion des rôles

Ajouter un nouveau rôle

menu arborescent

Compléter la fonction d'autorisation

Obtenir la liste des utilisateurs

Nouveaux utilisateurs

Traverser le menu - une méthode de tableau

Utilisation de graphiques