Haider Malik

Didacticiel React JS : Découvrez React et Redux en créant des applications Web.

Maîtriser les bases de React 16, API de contexte, React-router v4, intégrer Firebase à React et Redux, authentification - le tout dans ce didacticiel de React JS !

24 enrolled

Supérieur

$13.99 $23.32

Offre à durée limitée.

regarder maintenant

4 Etudiants

Description

Il existe plusieurs éléments essentiels dans la création d’une application web de qualité. Vous aurez besoin d’une idée géniale et originale qui se traduirait par de superbes graphismes, une exécution fluide des opérations et… la meilleure interface utilisateur possible. Même si les développeurs négligent rarement l'interface utilisateur et se concentrent sur l'attrait visuel de l'application web, cela ne devrait jamais être le cas ! Si vous avez une belle application web, mais que c’est épouvantable au niveau l’interface utilisateur, personne ne l’utilisera ! C’est pourquoi, dans ce didacticiel de React JS, nous allons apprendre à créer une application web React dotée d’une interface utilisateur exceptionnelle.

Didacticiel JS sur React

Que vous cherchiez un moyen d’apprendre React ou que vous veniez de tomber par hasard sur ce cours, vous aurez besoin d’excellents outils pour pouvoir créer la meilleure interface utilisateur possible ! Même s’il existe une grande variété de bibliothèques et de cadres que vous pouvez utiliser pour atteindre cet objectif, React est considéré par beaucoup comme l’un des meilleurs outils de travail ! Et pour apprendre à utiliser cet outil afin de créer une application web React avec succès, vous aurez besoin d’un excellent tutoriel sur React JS - tout comme celui-ci ! Maintenant, vous vous demandez peut-être pourquoi j’ai même besoin d’un tutoriel dès lors que les informations disponibles en ligne sont énormes. Pour commencer, ce didacticiel React vous aidera à éviter beaucoup de confusion au début de la compréhension de ce framework par de nombreuses personnes. Les informations que vous trouverez dispersées en ligne ont tendance à être plutôt aléatoires et désorganisées - c’est là que ce tutoriel React JS entre en jeu pour sauver la journée !

De plus, si vous suivez ce didacticiel React, vous pouvez être sûr d’apprendre toutes les informations essentielles nécessaires à la mise en route de React. Avec autant d'options et de fonctionnalités disponibles, il peut être difficile de choisir celles qui vous seront bénéfiques. Cependant, au fur et à mesure que vous avancez dans le cours, vous aurez la possibilité d’apprendre tout ce dont vous aurez besoin pour vous aider à apprendre React le moment opportun. Pas de précipitation, pas de délai - vous donnez le ton !

Pourquoi apprendre React en premier lieu ?

Maintenant que vous savez ce que vous donnera ce didacticiel React JS, il ne vous reste plus qu’une chose à découvrir. Et c’est le POURQUOI - pourquoi devriez-vous apprendre React, et non un autre framework ? C’est une question tout à fait logique ! À vrai dire, React offre à ses utilisateurs des avantages incroyables avec lesquels il est difficile de rivaliser - et cela se voit dès que vous jetez un coup d’œil à sa popularité ! Tout d’abord, une fois que vous aurez appris à utiliser React, vous n’aurez plus à vous soucier des tonnes et des tonnes de ligne de code. Le framework est livré avec une énorme bibliothèque qui contient un grand nombre des commandes par défaut que vous utiliseriez sûrement pour créer cette interface parfaite. Ce n’est pas seulement très pratique, cela vous fait également gagner beaucoup de temps !

React JS vous permet également de créer une application web dotée d'une interface utilisateur simple et rapide. Cela peut être très utile si vous travaillez avec de gros projets qui prennent beaucoup de place ! N’hésitez pas une seconde de plus - choisissez ce didacticiel React JS et commencez à apprendre !

Afficher plus Afficher moins

Qu'est-ce que vous allez apprendre ?

Apprendre les bases fondamentales de React Apprenez à créer des applications avec React et Redux Comprendre le fonctionnement de Firebase avec React et Redux

Prérequis

Connaissances de base et compétences avec JavaScript et HTML Cool d'avoir, mais pas nécessaire: ES6 + expérience JavaScript

NFT Certificate

73 Leçons

Intermédiaire

English

5.0 Note

+110 XP

Share Course on Social media

Curriculum

Course consist of total 6h 58m of content, in total.

Section 1: Introduction à React

1:21:41

Module Introduction-c

Regardez maintenant

Créer une application React à l'aide de create-react-app cli-c

Regardez maintenant

Création de l'élément-c React

05:02

Création d'éléments-c imbriqués React

07:40

Comment React utilise React Elements pour créer Virtual DOM-c

00:47

Qu'est-ce que DOM-c

Regardez maintenant

Qu'est-ce que Virtual DOM-c

Regardez maintenant

Quels sont les composants dans React-c

03:35

Créer un composant dans React-c

05:34

Ajout d'accessoires Validations-c

02:32

Créer des composants imbriqués dans React-c

05:06

Créer un état dans React Component-c

08:24

1-Etat du composant de mise à jour à l'aide de Events-c

07:39

Itérer le tableau et rendu des composants-c

05:08

Passer une Fonction de parent à enfant Component-c

09:13

Conversion des composants React en JSX-c

09:00

Résumé du module-c

01:41

Section 2: Flux de données dans React

29:14

Module Intro-c

00:45

Etat dans le composant de React-c

04:39

Fusion superficielle avec setState-c

06:25

Utiliser les accessoires PropTypes et les accessoires par défaut dans React Component-c

06:14

Créer un composant sans état dans React-c

03:34

Communiquer avec le composant parent et enfant-c

06:46

Résumé du module-c

00:51

Section 3: Méthodes de cycle de vie des composants

27:50

Que sont les méthodes LifeCycle dans React Component-c

01:05

Types et phases de méthodes de cycle de vie-c

03:54

Méthodes de montage de LifeCycle en Action-c

08:47

Méthodes de mise à jour de LifeCycle en Action-c

06:32

Gestion des erreurs avec composantDidCatch-c

07:32

Section 4: Éléments de construction

55:44

Configuration de React Application-c

03:21

Ajout de Bootstrap à React-c

01:15

Créer une API reposante avec Json-Server-c

06:36

Envoyer une requête HTTP en réaction avec Axios-c

05:50

Itérer un tableau et rendre les composants-c

05:47

Ajouter une carte d'amorçage pour rendre la liste Items-c

06:54

Création du composant d'en-tête-c

06:03

Traitement des erreurs avec le composant c ErrorMessage personnalisé

07:09

Ajout du chargement de Spinner-c

03:34

Suppression de lien par ID

09:15

Section 5: API de contexte de réaction

35:08

Introduction à la mise à jour de l'API React Context

03:33

API de contexte React dans Action-c

15:38

Créer un réducteur pour mettre à jour l'état dans React Context-c

09:12

Code de contexte de refactoring-c

04:23

Créer une nouvelle action pour gérer les erreurs-c

02:22

Section 6: Travailler avec des formulaires

37:06

Créer un composant de formulaire AddLink-c

03:11

Ajout d'état à la forme-c

05:30

Enregistrement d'un nouveau lien en envoyant HTTP Post Request-c

13:42

Création d'un composant séparé pour l'entrée FormControl-c

06:49

Ajout de validations de formulaires dans React et Bootstrap-c

07:54

Section 7: Routage avec React Router

21:26

Ajouter des liens de navigation à l'aide de React-Router-c

04:09

Rediriger après avoir soumis un nouveau lien-c

01:05

Création du composant NotFound-c

01:49

Créer un nouveau composant pour éditer le lien-c

14:23

Section 8: Gestion d'état avec Redux

28:17

Configuration de Redux dans React Project-c

10:26

Connecter le composant React à Redux-c

06:36

Supprimer le lien-c

06:39

Ajouter un enregistrement à Redux Store-c

04:36

Section 9: API de consommation utilisant Async ActionCreators

22:39

Création d'une action asynchrone pour extraire des liens de l'API-c

07:19

Supprimer l'action async-c

01:13

Créer une action asynchrone pour Ajouter un lien-c

01:28

Récupérer un lien unique et définir le à Form-c

08:30

Créer une action asynchrone pour mettre à jour le lien-c

04:09

Section 10: Intégration à Firebase

34:12

Création d'une base de données sur Firebase-c

03:46

Récupération des données de Firebase Collection dans React Component-c

11:39

Supprimer le document de la collection Firebase dans React Component-c

04:20

Ajouter un document à la collection Firebase dans Component-c

02:49

Mettre à jour le document de la collection dans le composant-c

11:38

Section 11: Authentification Firebase

45:37

Enregistrement d'utilisateur dans React et Firebase-c

08:39

Déconnexion utilisateur-c

14:32

Connexion utilisateur avec Firebase et React-c

04:18

Appliquer l'authentification sur les routes privées-c

07:23

Afficher les notifications d'erreur dans React et Redux-c

05:44

Déployer le projet sur Firebase-c

05:01

Avis sur la plateforme BitDegree

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF