Tous les cours

Développement

Créez une application React complète

Allez au-delà des simples applications React ! Dans ce cours, nous construirons une Single Page Application avec du routing, des hooks personnalisés, et des tests.
DifficultéMoyenne12 heures
Ce cours en libre accès vous intéresse ?

Vous savez comment fonctionne React ? Le JSX n'a plus de secret pour vous et vous savez gérer le state et les effets ? Félicitations à vous ! Mais qu'en est-il du routing côté front? Des hooks de manière générale ? Avez-vous déjà écrit des tests pour votre application ?

C'est le moment de passer à la vitesse supérieure avec React !

Dans ce cours, vous irez au-delà des notions débutant en React. Vous construirez pas à pas votre première application complète, en l'enrichissant de nouvelles fonctionnalités au fil des notions maîtrisées.

Nous commencerons par construire ensemble une Single Page Application robuste qui intègre React Router (v6). Vous apprendrez à indiquer quels types de props doivent être passés à vos composants avec les PropTypes, et à styliser vos composants avec Styled Components. Puis nous irons plus loin avec les hooks. Nous verrons ensuite comment tester notre application. Enfin, la dernière partie vous donnera les clés pour évoluer dans l'écosystème React, en découvrant les composants classe, et pour vous plonger dans de nouveaux sujets par vos propres moyens.

Alors si vous connaissez déjà les bases, mais que vous voulez aller plus loin dans votre apprentissage de React, n'attendez plus, et rejoignez-moi dans ce cours !

Objectifs pédagogiques

  • Créer une Single Page Application à l'architecture robuste
  • Incorporer des données dans une application React avec les hooks
  • Tester une application React avec Jest et React Testing Library
  • Évoluer dans l'écosystème React

Prérequis

Prérequis

Pour réussir à suivre ce cours, vous devez avoir une connaissance de base de React, de HTML, CSS et JavaScript (ES2015+), Yarn, des commandes de base du terminal, et Git. Vous pouvez acquérir ces connaissances de React en suivant le cours :

Outils nécessaires

  • Un IDE, tel que VSCode
  • Yarn
  • GitHub

Contributeurs

Professeurs

Aurélien Antonio

Développeur Web et Mobile Freelance 100% remote, Mentor passionné. J'aime à découvrir d'autres cultures. Expatrié en Amérique latine.

Jean Sébastien Techer

Développer est ma passion. La transmettre est une mission. Partageons un moment de créativité.

Alexia Toulmet

Développeuse frontend passionnée par l'enseignement 👩‍💻

Créé par

OpenClassrooms

Mis à jour le 23/01/2025

Licence

Développement

Créez une application React complète

DifficultéMoyenne12 heures
Cours en libre accès