Tutoriel principal React

Introduction Installation de React Connexion du plugin react-devtools Approche composant Maquette du site Résultat du travail du composant

Langage JSX

Introduction à JSX Retour de balises imbriquées Descente d'une balise vers le bas Retour de plusieurs balises Retour d'une balise non fermée Retour d'une balise vide par une fonction Insertion de valeurs de variables Nuances lors de l'insertion de variables Insertion de tableaux Insertion d'objets Insertion dans les attributs Stockage des balises dans JSX Stockage de plusieurs balises Balises sur différentes lignes Retour de balises Fermeture des balises JSX Exactitude de la mise en page Exécution du code JavaScript

Conditions

Conditions en JSX Affichage conditionnel Condition pour le retour d'une balise Opérateur ternaire en JSX Utilisation de l'opérateur && en JSX Inversion pour des conditions raccourcies

Fonctions

Utilisation des fonctions Appel de fonctions dans les balises Attachement des gestionnaires Paramètres des gestionnaires Objet Event Objet Event lors de la transmission des paramètres

Formation des balises

Tableau de balises Tableau de balises en boucle Balises à partir d'un tableau de données Clés dans un tableau Tableau d'objets Clés via l'id Tableau à partir d'un tableau d'objets

Identifiants uniques

Discussion Problèmes avec les nouveaux id Chaînes aléatoires pour id Génération d'id Fonction de génération d'id Utilisation de la fonction id Mauvaise utilisation de la fonction

États

Introduction aux états Utilisation Réactivité Valeur booléenne dans l'état Compteur lors de l'utilisation des états

Formulaires

Travailler avec les champs de saisie Modification des données de saisie lors de leur affichage Modification des données à l'aide d'une fonction Travailler avec plusieurs champs de saisie Traitement des données du formulaire Travailler avec textarea Travailler avec les cases à cocher Cases à cocher et rendu conditionnel Travailler avec les listes déroulantes Éléments de la liste déroulante à partir d'un tableau Attributs value dans la liste déroulante Attributs value de la liste déroulante à partir d'un tableau Travailler avec les boutons radio Valeurs par défaut Liaison des champs de saisie à un tableau Liaison des champs de saisie à un objet

Données

Introduction Ajout réactif dans un tableau Opérations réactives sur les tableaux Ajout réactif dans un tableau d'objets Opérations réactives sur les tableaux d'objets Affichage réactif des données

Composants

Introduction aux composants Utilisation des composants Plusieurs instances d'un composant Props des composants Composants enfants Tableau pour créer des composants enfants Composants enfants en boucle Passage des états aux composants enfants Passage d'un id à un composant Modification de l'état du parent Édition de l'état du parent Édition de l'état du grand-parent Modes de fonctionnement via les états

Concepts

Introduction Données des composants Types de composants Flux de données unidirectionnel Remontée d'état Une seule source de vérité

Stylisation

Méthodes de stylisation dans React CSS global Insertion de données dans l'attribut style à partir d'un objet Insertion de données dans l'attribut style à partir d'un fichier séparé Travailler avec les styles CSS dans l'attribut style Insertion de données dans l'attribut style à partir de variables Styled Components Props dans Styled Components Props et rendu conditionnel dans Styled Components Composants à stylisation étendue Débuter avec les CSS modules Poursuite du travail avec les CSS modules Commande composes pour les classes Commande composes pour les fichiers

Projets

Checklist Bloc-notes
↑
bydeenesfrptru