Webpack+react Family Bucket développe un projet backend céréalier

• Chapitre1 Chapitre un
• 1-1 Introduction aux outils de construction
• 1-2 Introduction au webpack
• 1-3 Webpack est un petit test
• 1-4 Utilisation des fichiers de configuration Webpack
• 1-5 moins de chargeur analyse moins
• 1-6 vérification de la syntaxe du chargeur eslint
• 1-7 conversion de syntaxe js
• 1-8 La nouvelle syntaxe js est introduite à la demande
• 1-9 url-loader analyse les images dans les styles
• 1-10 Emballer des fichiers HTML
• Chapitre2 Chapitre deux
• 2-1 Emballage des ressources d'images en HTML
• 2-2 Packager d’autres ressources
• 2-3 Compiler, empaqueter et exécuter automatiquement
• 2-4 HMR (remplacement de moule à chaud)
• 2-5 technologie de cartographie devtool
• 2-6 Préparer l'environnement de production
• 2-7 Effacer le répertoire des fichiers empaquetés
• 2-8 Extraire le CSS dans des fichiers séparés
• 2-9 Traitement de compatibilité des fichiers CSS
• 2-10 compresser le CSS
• Chapitre3 troisième chapitre
• 3-1 compresser le code HTML
• 3-2 Utilisation du compilateur vscode
• 3-3 Introduction pour réagir
• 3-4 bonjour-réagir
• 3-5 Deux façons de créer un DOM virtuel
• 3-6 Quelques petites questions
• 3-7 règles de syntaxe jsx
• 3-8 Un petit exercice en jsx
• 3-9 Deux façons de créer des composants
• 3-10 revoir
• Chapitre4 Chapitre quatre
• 4-1 L'état des trois attributs majeurs des composants
• 4-2 abréviation d'état
• 4-3 props, les trois propriétés majeures des composants
• 4-4 Méthode d'écriture simplifiée pour transmettre les attributs de balise via des accessoires
• 4-5 gestion des ref&events des trois attributs majeurs des composants
• 4-6 ref nouvelle syntaxe
• 4-7 revoir
• 4-8 todolist implémente des composants statiques
• 4-9 todolist affiche dynamiquement les données
• 4-10 Liste complète des tâches
• Chapitre5 chapitre cinq
• 5-1 Composants contrôlés et non contrôlés
• 5-2 Cycle de vie des composants
• 5-3 revoir
• 5-4 À propos de forceUpdate et willRecriveProps
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 Vérifier l'algorithme de comparaison
• 5-8 La fonction de la clé
• 5-9 Télécharger l'échafaudage de réaction
• 5-10 Une description simple de l'échafaudage de réaction
• Chapitre6 Chapitre six
• 6-1 Description détaillée de l'échafaudage React
• 6-2 Une simple combinaison de composants
• 6-3 Cas de commentaire – page statique
• 6-4 Cas de commentaire utilisateur : initialisation dynamique
• 6-5 Cas de commentaire utilisateur : ajouter des commentaires
• 6-6 Cas d'avis d'utilisateur : interaction complète
• 6-7 Avis d'utilisateurs – Deuxième édition
• 6-8 exercice axios
• 6-9 Exercice simple de récupération
• 6-10 Cas de recherche Github – page statique
• Chapitre7 Chapitre VII
• 7-1 Cas de recherche github : envoyer une demande
• 7-2 Cas de recherche github : interaction complète
• 7-3 revoir
• 7-4 Cas de recherche github – version pubsub
• 7-5 Méthode de communication entre les composants de réaction
• 7-6 Introduction au routage
• 7-7 Utilisation de base du routage
• 7-8 Description détaillée du routage de base
• 7-9 Construction du tracé secondaire (1)
• 7-10 revoir
• Chapitre8 chapitre huit
• 8-1 Construction du tracé secondaire (2)
• 8-2 Paramètres de transmission du composant de routage
• 8-3 Navigation d'itinéraire programmatique
• 8-4 Utilisation simple d'antd
• 8-5 revoir
• 8-6 Introduction du dossier - démonstration des effets du projet
• 8-7 Revoir Git
• 8-8 Sélection de la technologie du projet
• 8-9 Créez des applications à l'aide de create-react-app
• 8-10 Configurer l'introduction à la demande du style antd
• Chapitre9 Chapitre neuf
• 9-1 et thème personnalisé
• 9-2 Créer des routes de connexion et d'administration
• 9-3 page statique de connexion
• 9-4 antd's Du composant statique
• 9-5 Validation déclarative des noms d'utilisateur
• 9-6 Vérification personnalisée des mots de passe
• 9-7 Vérification unifiée du formulaire de connexion
• 9-8 Composants d'ordre supérieur et fonctions d'ordre supérieur
• 9-9 revoir
• 9-10 Préparer la branche Redux
• Chapitre10 chapitre dix
• 10-1 Introduction au modèle d'interaction redux
• 10-2 Explication détaillée du diagramme schématique redux
• 10-3 Version cas-réaction
• 10-4 Version Case-redux-sans action
• 10-5 Version finale de Case-redux
• 10-6 Introduction à React-Redux
• 10-7 Case-react-redux (première version)
• 10-8 Case-react-redux (deuxième édition)
• 10-9 programmation asynchrone React-Redux
• 10-10 Utilisation des outils de débogage Redux
• Chapitre11 Chapitre 11
• 11-1 Codage modulaire pour React-Redux
• 11-2 revoir
• 11-3 Construire un environnement de développement redux
• 11-4 Interface API et tests
• 11-5 Configurer le proxy pour résoudre les problèmes inter-domaines
• 11-6 paramètres d'encodage au format JSON de la demande de publication
• 11-7 Utilisation de l'intercepteur de requêtes axios
• 11-8 Utilisation de l'intercepteur de réponse axios
• 11-9 Configurer le chemin de base du projet
• 11-10 Demander un effet de barre de progression
• Chapitre12 Chapitre 12
• 12-1 Gérer les informations utilisateur renvoyées par le serveur à la gestion redux
• 12-2 connexion automatique
• 12-3 Fonction de déconnexion
• 12-4 revoir
• 12-5 Syntaxe du décorateur
• 12-6 vérification du jeton
• 12-7 Construction de la mise en page globale de l'administrateur
• 12-8 Construction de sous-routage d'administration
• 12-9 Disposition statique de l'en-tête
• 12-10 Saut automatique lorsque le statut de connexion expire
• Chapitre13 Chapitre 13
• 13-1 Interaction de la tête-commutation plein écran
• 13-2 Interaction avec la tête - déconnexion
• 13-3 Affichage du temps de tête
• 13-4 Obtenir des informations météorologiques
• 13-5 Afficher les informations météo
• 13-6 Utilisation de withRouter
• 13-7 Disposition statique de navigation à gauche
• 13-8 Navigation gauche statique - effet de commutation
• 13-9 Générer dynamiquement des menus
• Chapitre14 Chapitre 14
• 14-1 Le menu est sélectionné par défaut et ouvert automatiquement
• 14-2 Afficher le titre dans le composant d'en-tête
• 14-3 Utiliser Redux pour gérer les titres
• 14-4 Page statique de classification des produits (1)
• 14-5 Page statique de classification des produits (2)
• 14-6 Initialiser dynamiquement les données
• 14-7 Ajouter et modifier des fenêtres pop-up
• 14-8 Ajouter un nouveau produit
• 14-9 Mettre à jour la catégorie de produit
• 14-10 Résoudre le problème de sélection par défaut de navigation
• Chapitre15 Chapitre 15
• 15-1 Page statique de gestion des produits
• 15-2 Affichage de la liste d'initialisation + pagination
• 15-3 Statut de l'élément d'opération
• 15-4 Envoyer une demande de recherche
• 15-5 Implémentation de la fonction de recherche
• 15-6 Construction des détails du produit et modification du routage
• 15-7 Résoudre le problème de la sélection des étiquettes et du titre
• 15-8 Détails du produit – Page statique
• 15-9 Afficher les détails
• 15-10 Extraire les détails du serveur
• Chapitre16 Chapitre 16
• 16-1 Afficher les détails du produit-redux
• 16-2 Afficher les détails du produit - backend de demande
• 16-3 Ajouter une nouvelle page statique de produits
• 16-4 Recueillir des données sur les produits
• 16-5 Mur photo statique
• 16-6 Télécharger un fichier à l'aide du composant Upload
• 16-7 Télécharger et supprimer des réponses
• 16-8 Fonction de téléchargement complète
• 16-9 Éditeur de texte enrichi
• 16-10 Nouveau produit complet
• Chapitre17 Chapitre 17
• 17-1 Modification du produit
• 17-2 Introduction à la gestion des rôles
• 17-3 Ajouter un nouveau rôle
• 17-4 menu arborescent
• 17-5 Compléter la fonction d'autorisation
• 17-6 Obtenir la liste des utilisateurs
• 17-7 Nouveaux utilisateurs
• 17-8 Traverser le menu - une méthode de tableau
• 17-9 Utilisation de graphiques