PARTIE 1 (Introduction) Premiers pas avec React.js
001 Application de HTML à .jsx
002 Application de CSS à .jsx
Utilisation des composants 003
004 Utilisation de la fonction de cycle de vie render()
005 Utilisation de la fonction de cycle de vie constructeur(props)
006 Utilisation de la fonction de cycle de vie statique getDerivedStateFormProps(props, state)
007 Utilisation de la fonction de cycle de vie componentDidMount()
008 Utilisation de la fonction de cycle de vie shouldComponentUpdate()
009 Utilisation de chaînes de modèles
010 Utilisation de var, let et const
011 Utilisation de l'opérateur de propagation
Utilisation de la classe 012
013 Utilisation des fonctions fléchées
014 Utilisation de la fonction forEach()
015 Utilisation de la fonction map()
016 Utilisation de jQuery

PARTIE 2 (Débutant) Bases de la création avec React.js
Utilisation des propriétés 017
018 Déclaration du type de données props
019 Utilisation des props comme booléens
020 Utilisation des props comme objet
Utilisation des propriétés 021 comme valeurs obligatoires
Définition des propriétés 022 comme valeurs par défaut
Passage d'un nœud à un composant enfant de props 023
Utilisation de l'état 024
025 Utilisation de la fonction setState()
026 Utilisation de la fonction forceUpdate() après modification directe de l'état
Utilisation des composants 027 (composants de type classe)
028 Utilisation de PureComponent (composant de type classe)
029 Utilisation de l'égalité superficielle (composant de type classe)
030 Utilisation de composants fonctionnels
Utilisation du crochet 031
032 Utilisation de fragments
033 Retourner des éléments avec map()
034 Utilisation des alertes ReactStrap
035 Utilisation du badge Reactstrap
036 Utilisation des fils d'Ariane Reactstrap
037 Utilisation du menu déroulant de boutons Reactstrap
038 Utilisation du groupe de boutons Reactstrap
039 Utilisation des boutons Reactstrap
040 Utilisation de la carte Reactstrap
041 Utilisation du carrousel ReactStrap
042 Utilisation de reactstrap Réduire
043 Utilisation de ReactStrap Fade
044 Utilisation du formulaire Reactstrap
045 Utilisation du groupe d'entrée ReactStrap
046 Utilisation du jumbotron Reactstrap
047 Utilisation du groupe de listes Reactstrap
048 Utilisation de la fenêtre modale Reactstrap
049 Utilisation de la barre de navigation Reactstrap
050 Utilisation de la pagination ReactStrap
051 Utilisation des popovers ReactStrap
052 Utilisation de ReactStrap Progress
053 Utilisation du spinner ReactStrap
054 Utilisation d'un tableau ReactStrap
055 Utilisation de l'onglet ReactStrap
056 Utilisation de sweetalert2 Basic
Utilisation de sweetalert2 position 057
058 Utilisation de sweetalert2 confirmer
059 Appel récupérer obtenir
Appelez le 060 pour récupérer le courrier
061 Utilisation d'axios get
062 Utilisation d'axios post
063 Utilisation des fonctions de rappel
064 Utiliser une promesse puis
065 Utilisation de la promesse catch

PARTIE 3 (Intermédiaire) Comprendre les concepts clés de React.js
Utilisation de l'événement de clic 066 (onClick)
067 Utilisation de l'événement de changement (onChange)
068 Utilisation de l'événement mousemove (onMouseMove)
069 Utilisation de l'événement de survol de la souris (onMouseOver)
070 Utilisation de l'événement mouseout (onMouseOut)
071 Utilisation des événements de touches (onKeyDown, onKeyPress, onKeyUp)
Utilisation de l'événement de soumission 072 (onSubmit)
Utilisation de la référence 073
074 Implémentation des fonctions de curryfication
075 Mise en œuvre des composants d'ordre supérieur
076 Utilisation de l'API de contexte
077 Modification des données parentes avec contexte
078 Création d'un magasin avec un réducteur Redux
079 Héritage du store Redux et exécution de la fonction dispatch
080 Modification des données du store dans le reducer Redux
081 Héritage d'un store avec react-redux
082 Utilisation des données du store avec react-redux
083 Modification des données du magasin avec react-redux
084 Utilisation du middleware Redux
085 Utilisation de react-cookies pour enregistrer
086 Utilisation de react-cookies charger
087 Utilisation de react-cookies supprimer
Utilisation de 088 react-router-dom BrowserRouter
089 Utilisation de react-router-dom Route
090 Utilisation de react-router-dom Lien
091 Mise en œuvre de l'en-tête et du pied de page
092 Créer une page d'accueil
093 Utilisation de la balise 〈react img〉
094 Utilisation de l'anti-rebond Lodash
095 Utilisation de l'accélérateur Lodash

PARTIE 4 (Utilisation) Utilisation des API externes dans React.js
096 Utilisation des données de population flottante de la ville de Séoul ① - Création d'une page de liste
097 Utilisation des données de population flottante de la ville de Séoul 2 - Obtention d'une clé API ouverte
098 Utilisation des données de population flottante de la ville de Séoul ③ - Vérification des données avec JSON Viewer
099 Utilisation des données de population flottante de la ville de Séoul ④ - Appel de l'API avec Axios
Mise en œuvre d'un graphique linéaire avec 100 re-graphiques ① (Données de population flottante de la ville de Séoul)
Mise en œuvre d'un graphique linéaire avec 101 graphiques supplémentaires ② (Données sur la population flottante de Séoul)
Mise en œuvre d'AreaChart avec 102 graphiques (données de population flottante de la ville de Séoul)
Mise en œuvre d'un graphique à barres avec 103 sous-graphiques (données démographiques flottantes de la ville de Séoul)
Mise en œuvre de ComposedCharts avec 104 graphiques retravaillés (données de population flottante de la ville de Séoul)
Mise en œuvre d'un graphique de dispersion avec 105 sous-graphiques (données de population flottante de la ville de Séoul)

PARTIE 5 (Pratique) Application pratique, du développement au déploiement
106 Installation du framework Node.js Express
Exploitation d'un serveur à 107 nœuds
108 Appel de l'API du serveur Node
109 Connexion d'un serveur React et d'un serveur Node en tant que proxy
Appel de données JSON avec GET depuis l'API du serveur Node 110
111 Appel de données JSON via POST depuis une API serveur Node.js
112 Exécution simultanée de serveurs React et Node
113 Configuration d'un serveur MySQL ① - Inscription à AWS
114 Création d'un serveur MySQL 2 - Création d'une instance RDS
115 Configuration d'un serveur MySQL ③ - Configuration du port de l'instance RDS
116 Installation du client MySQL
Connexion au serveur RDS avec Workbench 117
118 Création d'un schéma et d'une table MySQL
119 Configuration de l'heure coréenne dans MySQL
120 Configuration de MySQL coréen et désactivation du mode sans échec
121 Insertion de données factices MySQL
Création d'une API de requête 122 NODE ① - Utilisation du package body-parser
Création d'une API de requête 123 NODE 2 - Connexion à un serveur MySQL
Création d'une API de requêtes à 124 nœuds ③ - Utilisation du package mybatis
Création d'une API de requête de 125 nœuds ④ - Vérification des données par appel de l'API
126 Création d'une page de vue React
Mise en œuvre d'un pool de connexions de base de données de 127 octets
Création d'une API d'enregistrement de 128 nœuds ① - Branchement du routeur d'insertion
Création d'une API d'enregistrement de nœud 129 ② - Ajout d'une requête d'insertion et traitement de la réponse
130 Création d'une page d'inscription REACT
131 Création d'une page de vue détaillée React
132 Création d'une page de vue détaillée d'un nœud - Ajout d'une clause WHERE à une requête SELECT
133 Création d'une API de modification de nœud ① - Branchement du routeur de mise à jour
134 Création d'une API de modification de nœud 2 - Ajout d'une requête de mise à jour et traitement de la réponse
135 Création d'une page d'édition React
136 Création d'une API de suppression de nœud ① - Branchement du routeur de suppression
137 Création d'une API de suppression NODE 2 - Ajout d'une requête de suppression et traitement de la réponse
138 Implémentation d'une fonction de suppression de page de liste React
139 Création d'une API de téléchargement de fichiers et d'images - Utilisation du package Multer
140 Création d'une page d'inscription React - Appel des API de téléchargement de fichiers et d'images
141 Création d'une page d'inscription React - Insertion du chemin de téléchargement dans la base de données
142 Création d'une page de vue détaillée React - Affichage des noms de fichiers et d'images
143 Création d'une page d'édition React - Appel de l'API de téléchargement de fichiers et d'images
144 Création d'une page d'édition React - Mise à jour de la base de données des chemins de téléchargement
145 Création d'un tableau d'informations sur les membres
Création d'une API d'inscription des membres 146 NODE ① - Chiffrement avec bcrypt
147 Création d'une API d'inscription à un nœud 2 - Ajout d'une requête d'insertion
148 Création d'une page d'inscription à REACT ① - Création d'un formulaire de saisie
149 Création d'une page d'inscription à l'adhésion REACT 2 - Vérification de la validité
Création d'une page d'inscription à l'adhésion 150 REACT ③ - Vérification des identifiants en double
151 Création d'une page d'inscription React ④ - Appel de l'API d'inscription
152 Création d'une API de connexion NODE ① - Ajout de branches et de requêtes de routage
153 Création d'une API de connexion NODE 2 - Comparaison des mots de passe avec bcrypt
154 Création d'une page de connexion React - Appel de l'API de connexion
155 Création d'une API de chiffrement des informations des membres - Chiffrement des informations des membres avec JWT
156 Restez connecté avec les cookies REACT - Stockez les informations des membres dans les cookies
157 Création d'une API de décryptage des informations des membres - Décryptage des informations des membres avec JWT
158 Autoriser les membres connectés à récupérer les informations des membres à partir des cookies
159 Gestion de la durée de session de connexion - Prolongation de la durée de validité des cookies
160 Affichage de l'en-tête uniquement lors de la connexion et implémentation de la déconnexion
161 Création d'un modèle d'e-mail de réinitialisation de mot de passe
162 Création d'une API d'envoi d'e-mails - Utilisation du package Nodemailer
163 Création d'une API de recherche de mot de passe - Ajout de branches et de requêtes de routage
164 Appel de l'API de récupération de mot de passe à l'aide de l'identifiant et du nom du membre
165 Réinitialiser le mot de passe - Appel de l'API d'envoi d'e-mails
166 Autoriser l'accès à votre compte GMAIL
167 Vérifiez l'e-mail reçu et le lien du bouton
168 Authentifier les utilisateurs avec des jetons d'adresse électronique
169 Création d'une API de modification de mot de passe - Ajout de branches et de requêtes de routage
170 Appel de l'API de changement de mot de passe
171 Création d'un planificateur ① - Création d'une table de traitement par lots
172 Création d'un planificateur 2 - Utilisation du package node-cron
173 Création d'un planificateur ③ - Exécution d'une requête d'insertion à un moment précis
174 Création d'un serveur Web ① - Création d'une instance AWS EC2
175 Création d'un serveur Web 2 - Paramètres de port et téléchargement de la paire de clés
176 Création d'un serveur Web 3 - Configuration d'une adresse IP élastique
177 MobaXterm - Connexion à un serveur EC2 via SFTP
178 MobaXterm - Connexion à un serveur EC2 via SSH
179 Déplacement de sources locales vers un serveur EC2 via SFTP
180 Décompression du code source sur un serveur EC2 via SSH et installation de Node.js
181 Installation des paquets requis pour les serveurs React et Node
182 Exécution d'un serveur React et Node et accès à celui-ci depuis l'extérieur
183 Modifier l'heure du serveur EC2 pour la Corée
184 Modification directe du code source du serveur EC2 avec l'éditeur vi
185 Octroi des droits d'accès au serveur à l'aide des commandes chown et chmod
186 Maintenir le serveur en marche avec nohup, Arrêter le serveur avec un port
187. Émettre une clé d'application pour l'API Kakao Map et enregistrer un domaine de site web
Configurez le port du serveur React 188 sur 80.
Création d'une carte Kakao avec React 189
Conversion d'un fichier Excel contenant 190 cas confirmés de COVID-19 en un fichier JSON.
Ajouter des marqueurs aux emplacements des 191 cas confirmés
Ajouter des marqueurs d'image aux emplacements des 192 cas confirmés.
Utilisation de Clusterer sur 193 marqueurs
Affichage des informations relatives à 194 cas confirmés avec une superposition personnalisée
195 Déplacement du code source React local vers un serveur EC2
196 Installation du package React sur un serveur EC2
Configuration du port 80 sur un serveur EC2
198 Ajout d'une adresse IP EC2 à un domaine de site Web Kakao
Maintenez le serveur en marche en permanence avec l'écran 199 et arrêtez le serveur avec le port 199.
Connexion IP après l'achat de 200 domaines

Finalisez votre projet web avec des exemples pratiques !

Même les personnes n'ayant aucune formation en informatique ni expérience préalable en programmation peuvent facilement réaliser des projets web grâce aux 200 exemples présentés dans cet ouvrage. Les planificateurs, les concepteurs, les spécialistes du marketing et les commerciaux qui peinent à collaborer avec les développeurs en raison de leurs connaissances informatiques limitées pourront déployer eux-mêmes des serveurs cloud. Pour les développeurs maîtrisant d'autres langages et souhaitant élargir leurs horizons en programmation, ce livre constitue un excellent point de départ pour React.
Comme React est un langage spécialisé pour le front-end, c'est-à-dire la partie visible sur les pages web, il présente les avantages d'une grande portabilité et réutilisabilité du code, ainsi que d'une vitesse de rendu rapide.
Et comme il s'agit d'un langage basé sur JavaScript, il est plus facile à apprendre si vous avez déjà une expérience en JS.
Ce livre reliera le front-end, le back-end et la base de données pour créer un framework unique pouvant être implémenté dans n'importe quel projet web souhaité. Vous serez donc intéressé à apprendre et à vous familiariser avec les liens entre les différents codes.
Ce livre est particulièrement adapté à ceux qui souhaitent apprendre React par eux-mêmes, car l'auteur, qui possède une vaste expérience de l'enseignement, y a inclus les éléments nécessaires à une utilisation pratique.