OpenClassrooms
list 5 séquences
assignment Niveau : Intermédiaire
chat_bubble_outline Langue : Français
card_giftcard 150 points
Avis de la communauté
-
starstarstarstarstar

Les infos clés

credit_card Formation gratuite
verified_user Certification payante
timer 15 heures de cours

En résumé

Vous venez de terminer le cours de React.js, ou vous maîtrisez déjà les bases et souhaitez vous rapprocher d’un exercice de terrain ? Ce cours est fait pour vous !

En production, aujourd’hui, dès qu’un projet atteint une taille moyenne, il devient très pratique d’utiliser un système de centralisation des données et des actions, afin de simplifier le développement de votre application. Le plus populaire est Redux - il y a en moyenne 6 téléchargements de Redux pour 10 de React - c’est celui-ci que l’on découvrira dans ce cours.

Mais à quoi sert donc Redux ?

  • Redux permet une gestion de "states globaux". Grâce à Redux, vous palliez aux faiblesses des props qui ne sont accessibles qu’en lecture seule ou des states qui sont liés à un unique composant, et donc seulement localement.
  • Redux permet donc de faciliter le développement de toute application dès que celle-ci implique l’existence de composants dépendants les uns des autres.

Dans ce cours, nous travaillerons sur un cas pratique où Redux se montrera très utile. Pour cela, nous développerons ensemble une application de Todo List :

  • nous commencerons par développer l'application sans Redux, afin de vous permettre de réviser les bases de React ;
  • dans un deuxième temps, nous intégrerons Redux et l'on verra donc tout ce que cela peut impliquer.
  • enfin, la dernière partie vous confrontera réellement au travail d'un développeur front-end professionnel, avec l'intégration d'une API au sein de votre application.

Ce cours vous permettra d’aborder React dans un exercice très proche du développement professionnel, entre intégration des maquettes d’un designer et de l'API d’un développeur back-end.

À la fin de ce cours, vous serez capable de :

  • Différencier React et Redux
  • Maîtriser les définitions et la syntaxe de Redux
  • Structurer son code Redux avec les design patterns
  • Tester son code Redux
  • Architecturer un projet React + Redux
  • Développer un projet React + Redux fonctionnel

more_horiz Lire plus
more_horiz Lire moins
report_problem

Les prérequis

Pour suivre ce cours, vous devez avoir des connaissances de base en React.js. 

Vous devez également connaître ES6. En effet, les plus grandes difficultés à surmonter en React ou en Redux concernent ES6 plutôt que les concepts des librairies. Nous vous invitons donc à bien de vous préparer à faire quelques recherches tout au long du cours, si la syntaxe vous semble parfois étrange et que les rappels ne vous suffisent pas.

dns

Le programme

Partie 1 - Découvrez les principes de la logique Redux
1. Initiez-vous à la philosophie de Redux
2. React sans Redux : jusqu'où pouvez-vous aller ?

Partie 2 - Utilisez React avec ou sans Redux
1. Révisez les bases de React
2. Développez la partie logique sans Redux... puis avec Redux
3. Comparez l'architecture des projets avec et sans Redux

Quiz : Faites-vous la différence entre React et Redux ?

Partie 3 - Découvrez l'architecture de Redux
1. Reprenez les concepts clés de Redux
2. Définissez les actions avec Redux
3. Appelez les actions dans les reducers
4. Mettez à jour l'UI en liant React et Redux !
5. Gérez le data flow avec Redux

Quiz : Maîtrisez-vous bien Redux ?

Partie 4 - Implémentez votre application
1. Hiérarchisez vos components
2. Testez les components avec des tests unitaires
3. Structurez avec des design patterns

Quiz : Connaissez-vous les bonnes pratiques de développement ?

Partie 5 - Communiquez avec l'extérieur grâce à l'API
1. Abordez l'API sereinement
2. Connectez votre projet à une API
3. Faites des appels API avec fetch()
4. Allez plus loin avec quelques ressources annexes

Activité : Créez votre propre Todo List

Certificat de réussite 

record_voice_over

Les intervenants

Thanh-Quy Nguyen
Développeur issu de l'Ecole 42 avec un cœur de formation en physique fondamentale. Passionné par la blockchain et l'entrepreneuriat.

Philippe Desplats
Autodidacte, développeur full-stack, passionné par le développement et le design, mais avant tout : Workaholic.

store

Le concepteur

OpenClassrooms (anciennement le Site du Zéro ou SdZ), est un site web qui propose des cours autour de l'informatique, des sciences et de l'entrepreneuriat.

Les cours en ligne peuvent être réalisés aussi bien par l'équipe du site, des professeurs d'universités ou de grandes écoles partenaires que par ses membres.

Aujourd'hui, les cours sont disponibles dans plusieurs format : MOOC (Massive Open Online Course), texte web, e-book, livre et en vidéo. L'entreprise délivre des certifications pour certains cours, dont une reconnue par l'état, en partenariat avec IESA multimédia.

Vous êtes le concepteur de ce MOOC ?
Quelle note donnez-vous à cette ressource ?
Contenu
0/5
Plateforme
0/5
Animation
0/5