• pour les personnes
  • pour les affaires
  • pour les universités
  • pour les gouvernements
Coursera
Connexion
Inscrivez-vous gratuitement
Coursera
NIIT
Construire des interfaces utilisateurs en utilisant des composants fonctionnels React
  • À propos
  • Résultats
  • Modules
  • Recommandations
  • Témoignages
  1. Parcourir
  2. Informatique
  3. Développement mobile et web
NIIT

Construire des interfaces utilisateurs en utilisant des composants fonctionnels React

Ce cours fait partie de Spécialisation Développement frontal avec React

NIIT

Instructeur : NIIT

Inclus avec Coursera Plus

•En savoir plus
2 modules
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire
Certaines connaissances prérequises
5 heures à compléter
Planning flexible
Apprenez à votre propre rythme

2 modules
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Intermédiaire
Certaines connaissances prérequises
5 heures à compléter
Planning flexible
Apprenez à votre propre rythme
  • À propos
  • Résultats
  • Modules
  • Recommandations
  • Témoignages

Ce que vous apprendrez

  • Construire des composants fonctionnels React et créer une logique réutilisable et testable à l'aide de React Hooks

Compétences que vous acquerrez

  • Catégorie : Composants UI
    Composants UI
  • Catégorie : Test de logiciels
    Test de logiciels
  • Catégorie : Javascript
    Javascript
  • Catégorie : Cas de test
    Cas de test
  • Catégorie : Jest (cadre de test JavaScript)
    Jest (cadre de test JavaScript)
  • Catégorie : Interface utilisateur (UI)
    Interface utilisateur (UI)
  • Catégorie : Partage des données
    Partage des données
  • Catégorie : React.js
    React.js
  • Catégorie : Tests de développement
    Tests de développement
  • Catégorie : Tests unitaires
    Tests unitaires

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Évaluations

2 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires
 logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Élaborez votre expertise du sujet

Ce cours fait partie de la Spécialisation Développement frontal avec React
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
  • Apprenez de nouveaux concepts auprès d'experts du secteur
  • Acquérez une compréhension de base d'un sujet ou d'un outil
  • Développez des compétences professionnelles avec des projets pratiques
  • Obtenez un certificat professionnel partageable

Il y a 2 modules dans ce cours

Les composants React sont généralement mis en œuvre à l'aide de classes. Bien qu'elles fonctionnent bien, elles ont leurs propres limites. La logique d'état fournie par les composants de classe manque de réutilisation. Pour améliorer la productivité, on attend des développeurs de codes qu'ils développent des codes réutilisables.

Ce cours vous permettra de développer des composants React simples, lisibles et dotés d'une logique d'état réutilisable à l'aide de fonctions JavaScript et de React Hooks. Vous explorerez également les différents Hooks React et testerez la logique stateful.

"Un composant est l'unité fondamentale d'une SPA qui est réutilisable car elle peut exister indépendamment. Dans React, l'état du composant est géré à l'intérieur du composant. Il est donc recommandé de développer une logique d'état réutilisable qui peut être utilisée par plusieurs composants. En tant que développeur React, vous devez créer des composants fonctionnels qui prennent en charge les Hooks pour créer une logique d'état réutilisable. Dans ce sprint d'apprentissage, vous explorerez les Hooks React intégrés et développerez des Hooks personnalisés avec une logique d'état réutilisable. Les travaux pratiques inclus dans ce sprint d'apprentissage vous permettront de gérer l'état dans les composants de fonction, de créer des effets secondaires tels que l'extraction de données du serveur ou la gestion d'événements de temporisation à l'aide de crochets React intégrés. Vous apprendrez également à développer une logique d'état réutilisable à l'aide de crochets personnalisés."

Inclus

19 vidéos2 lectures1 devoir2 devoirs de programmation

19 vidéos•Total 66 minutes
  • Mise en contexte•5 minutes•Prévisualiser le module
  • Créer des composants de fonction•1 minute
  • Watch and Repeat : Afficher un message d'accueil avec le nom d'utilisateur•2 minutes
  • Gestion de l'état de rappel dans React•7 minutes
  • Gérer l'état à l'aide du crochet useState•1 minute
  • Watch and Repeat : Affichage du nombre de clics sur les boutons•2 minutes
  • Gérer efficacement la gestion des états à l'aide du crochet useReducer•1 minute
  • Watch and Repeat : Mettre en œuvre la gestion des états avec l'authentification des utilisateurs•10 minutes
  • Créer des crochets personnalisés pour une logique d'état réutilisable•1 minute
  • Watch and Repeat : développer une logique réutilisable pour suivre la position de la souris•3 minutes
  • Produire des effets secondaires en utilisant le crochet useEffect•5 minutes
  • Regarder et répéter : affiche la durée pendant laquelle la page Web a été consultée•2 minutes
  • Partage de données entre composants à l'aide du crochet useContext•1 minute
  • Watch and Repeat : Définir des thèmes sombres et clairs et les appliquer à plusieurs composants•4 minutes
  • Dossier pratique•3 minutes
  • Débriefing de la pratique•4 minutes
  • Résumé du défi•2 minutes
  • Compte rendu du défi•3 minutes
  • Consolidation de l'apprentissage•1 minute
2 lectures•Total 20 minutes
  • Instructions pour télécharger la solution de l'exercice de programmation•10 minutes
  • Construire des composants React à l'aide de fonctions et de crochets React•10 minutes
1 devoir•Total 35 minutes
  • Construire des composants React à l'aide de fonctions et de crochets React•35 minutes
2 devoirs de programmation•Total 76 minutes
  • Pomodoro avec crochets•75 minutes
  • Application Journler avec Persistance•1 minute

"Toute unité de code écrite doit pouvoir être testée. Dans React, les custom Hooks aident à développer une logique stateful réutilisable et donc, en tant que développeur, vous devez écrire un code de test pour tester les custom Hooks.Dans ce sprint d'apprentissage, vous explorerez les fonctionnalités fournies par la react-hooks-testing-library pour tester les custom Hooks. Les travaux pratiques inclus dans le sprint vous permettront d'écrire des cas de test pour tester les Hooks personnalisés qui gèrent l'état du composant avec des déclencheurs d'événements, des appels de serveur asynchrones et des changements dans les valeurs de props ou de contexte."

Inclus

16 vidéos1 lecture1 devoir1 devoir de programmation

16 vidéos•Total 44 minutes
  • Mise en contexte•1 minute•Prévisualiser le module
  • Regarder et répéter : tester le crochet personnalisé•3 minutes
  • Utilisez la bibliothèque React-Hooks-Testing-Library pour tester les hooks personnalisés•3 minutes
  • Test des valeurs de l'état initial lors du rendu•1 minute
  • Regardez et répétez : Testez le crochet personnalisé sur le rendu•3 minutes
  • Test de changement d'état en cas de déclenchement d'un événement•0 minutes
  • Regardez et répétez : Testez le hook personnalisé sur les mises à jour d'état•4 minutes
  • Test de changement d'état en cas de changement d'accessoires•0 minutes
  • Watch and Repeat : Test d'un hook personnalisé pour les mises à jour de l'état par les Props•4 minutes
  • Test de changement d'état en cas de modification de la valeur du contexte•0 minutes
  • Watch and Repeat : Test d'un hook personnalisé sur les mises à jour de l'état par les valeurs du contexte•4 minutes
  • Test de changement d'état lors de mises à jour asynchrones•1 minute
  • Watch and Repeat : Test d'un hook personnalisé pour les mises à jour d'état asynchrones•4 minutes
  • Dossier pratique•2 minutes
  • Débriefing de la pratique•5 minutes
  • Consolidation de l'apprentissage•1 minute
1 lecture•Total 10 minutes
  • Testez les hooks personnalisés à l'aide de la bibliothèque de test React Hooks•10 minutes
1 devoir•Total 30 minutes
  • Testez les hooks personnalisés à l'aide de la bibliothèque de test React Hooks•30 minutes
1 devoir de programmation•Total 75 minutes
  • InstaChat•75 minutes

Obtenez un certificat professionnel

Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.

Instructeur

NIIT
NIIT
NIIT
13 Cours•28 005 apprenants

Offert par

NIIT

Offert par

NIIT

Fondé en 1981, NIIT propose des services de formation gérés à des entreprises leaders du marché dans 30 pays. La gamme complète de services de formation gérés par NIIT comprend la conception de programmes sur mesure et le développement de contenu, l'administration de l'apprentissage, la prestation de l'apprentissage, l'approvisionnement stratégique, la technologie de l'apprentissage et les services de conseil

En savoir plus sur Développement mobile et web

  • Statut : Essai gratuit
    Essai gratuit
    S

    Scrimba

    Advanced React Skills

    Spécialisation

  • Statut : Essai gratuit
    Essai gratuit
    N

    NIIT

    Building Interactive User Interfaces Using React Library

    Cours

  • C

    Coursera Project Network

    Web Development in React.js: Development Basics

    Projet Guidé

  • Statut : Essai gratuit
    Essai gratuit
    B

    Board Infinity

    React Fundamentals

    Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Coursera Plus

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

En savoir plus

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

En savoir plus

Foire Aux Questions

L'accès aux cours et aux devoirs dépend de votre type d'inscription. Si vous suivez un cours en mode audit, vous pourrez consulter gratuitement la plupart des supports de cours. Pour accéder aux devoirs notés et obtenir un certificat, vous devrez acheter l'expérience de certificat, pendant ou après votre audit. Si vous ne voyez pas l'option d'audit :

  • Il se peut que le cours ne propose pas d'option d'audit. Vous pouvez essayer un essai gratuit ou demander une aide financière.

  • Le cours peut proposer l'option "Cours complet, pas de certificat" à la place. Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.

Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la Specializations, et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page de réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn. Si vous souhaitez uniquement lire et visualiser le contenu du cours, vous pouvez auditer le cours gratuitement.

Si vous vous êtes abonné, vous bénéficiez d'une période d'essai gratuite de 7 jours pendant laquelle vous pouvez annuler votre abonnement sans pénalité. Après cette période, nous ne remboursons pas, mais vous pouvez résilier votre abonnement à tout moment. Consultez notre politique de remboursement complèteS’ouvre dans un nouvel onglet.

Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.

Plus de questions

Visitez le Centre d'Aide pour les Étudiants

Aide financière disponible,

Pied de page Coursera

Compétences techniques

  • ChatGPT
  • Codage
  • Informatique
  • Cybersécurité
  • DevOps
  • Piratage éthique
  • IA générative
  • Programmation Java
  • Python
  • Développement Web

Compétences analytiques

  • Intelligence artificielle
  • Big Data
  • Analyse de valeur et de rentabilité
  • analyse des données
  • Science des données
  • Modélisation financière
  • Apprentissage automatique
  • Microsoft Excel
  • microsoft power bi
  • SQL

Compétences professionnelles

  • Comptabilité
  • Marketing numérique
  • Commerce électronique
  • Finance
  • Google
  • Conception graphique
  • IBM
  • Marketing
  • Project Management
  • Le marketing appliqué aux réseaux sociaux

Ressources professionnelles

  • Certifications informatiques essentielles
  • Compétences à acquérir pour les hauts revenus
  • Comment obtenir un certificat PMP
  • Comment apprendre l'Intelligence artificielle (IA)
  • Certifications populaires en cybersécurité
  • Certifications appréciées en analyse des données
  • Que fait un analyste de données ?
  • Ressources pour le développement de carrière
  • Test d'aptitude professionnelle
  • Partagez votre histoire d'apprentissage Coursera

Coursera

  • À propos
  • Ce que nous proposons
  • Direction
  • Carrières
  • Catalogue
  • Coursera Plus
  • Certificats Professionnels
  • Certificats MasterTrack®
  • Diplômes
  • Pour l'entreprise
  • Pour les gouvernements
  • Pour le campus
  • Devenir un partenaire
  • Impact social
  • cours gratuits
  • Recommandations de crédits ECTS

Communauté

  • Étudiants
  • Partenaires
  • Testeurs bêta
  • Blog
  • Le podcast Coursera
  • Blog Tech

Plus

  • Presse
  • Investisseurs
  • Conditions
  • Confidentialité
  • Aide
  • Accessibilité
  • Contact
  • Articles
  • Répertoire
  • Filiales
  • Déclaration sur l’esclavage moderne
  • Gérer les préférences en matière de cookies
Apprendre partout
Télécharger dans l'App Store
Disponible sur Google Play
Logo Certified B Corporation
© 2025 Coursera Inc. Tous droits réservés.
  • Facebook Coursera
  • Linkedin Coursera
  • Twitter Coursera
  • YouTube Coursera
  • Instagram Coursera
  • TikTok Coursera
Coursera

S'inscrire

Profitez de votre temps libre pour apprendre auprès des meilleures universités et entreprises.

​
​
Entre 8 et 72 caractères
Votre mot de passe est masqué
​

ou

Vous utilisez déjà Coursera ?


J'accepte les Conditions d'utilisation et les Notification de confidentialité de Coursera. Vous rencontrez des difficultés pour vous connecter ? Centre d'Aide pour les Étudiants

Ce site est protégé par reCAPTCHA Enterprise et la Politique de confidentialité Google et les Termes et Conditions s'appliquent.