OpenClassrooms devient une université américaine accréditée.
Découvrez ce que cela change pour vousTable des matières
- Partie 1
Initiez-vous aux principes de React
- Partie 2
Créez votre première application complète avec Create React App
Prenez en main Create React App
Incorporez du style et des assets à votre projet
Gagnez en temps et en efficacité grâce aux listes et aux conditions
Réutilisez vos composants avec les props
Interagissez avec vos composants grâce aux événements
Quiz : Créez votre première application complète avec Create React App
- Partie 3
Stockez et récupérez des données avec le state et les effets
- Partie 4
Conclusion
Tirez le maximum de ce cours
#Profitez des vidéos et du texte
Tout d’abord, je vous souhaite la bienvenue dans ce cours sur React !
Pour tirer le maximum de ce cours, quelques conseils simples :
Chaque chapitre est précédé d’une vidéo. Vous pouvez la regarder pour avoir un premier aperçu des notions qui seront abordées dans le chapitre. C’est aussi une bonne motivation pour vous lancer. 💪
Lisez le texte situé sous la vidéo pour découvrir comment mettre en œuvre les concepts abordés.
Entraînez-vous au fil de la formation, en reproduisant les exemples que je vous donnerai dans le texte du cours.
Le texte sera également accompagné de screencasts, des vidéos où je vous ferai une démonstration de code en filmant directement mon écran. En reproduisant ce que vous verrez dans la vidéo, ça vous permettra de vous approprier les concepts abordés.
#Exercez-vous

Ce cours a été conçu autour d’un exercice fil rouge : au fil des chapitres, nous allons créer votre première application React qui sera un site de vente de plantes. Si vous êtes curieux, et que vous avez envie de voir à quoi le site va ressembler, vous pouvez aller voir la version que j’ai mise en ligne ici. ✨ Les notions vues dans chaque chapitre vous permettront d’enrichir ce site au fur et à mesure en lui ajoutant de nouvelles fonctionnalités.

Pour la première partie de ce cours, vous trouverez dans chaque chapitre un lien CodePen pour commencer l’exercice, et un lien avec la solution de l’exercice demandé.
Pour la suite (parties 2 et 3), vous trouverez un repository GitHub pour ce cours. Le code pour commencer l’exercice et la solution se situent sur une branche spécifique, suivant toujours le même format.
Par exemple, pour l’exercice de la partie 2 chapitre 3, il faut vous rendre sur la brancheP2C3-begin, et la solution se trouve sur la branche P2C3-solution.
Ces exercices vous donneront une véritable expérience pratique des concepts que vous aborderez dans chaque chapitre. L'idée est d'apprendre en faisant ! 😎
#Testez vos acquis
En développement, il est essentiel de mettre en pratique ce que vous avez appris. Les quiz de fin de partie sont vos alliés pour vérifier que vous avez bien compris les concepts clés de chaque chapitre, et quelles notions vous devez revoir.
Profitez-en : c'est l'occasion parfaite de retourner aux concepts que vous n'avez pas totalement maîtrisés.
#Itérez !
Maintenant que vous avez tous ces conseils en tête, j’insiste sur l’importance de revenir sur les concepts et les tâches qui se sont révélés les plus difficiles, afin de les maîtriser avant de passer à la suite. À certains moments, vous aurez l'impression d'avancer très vite, et à d'autres, particulièrement lentement : c'est normal ! Avancez à votre rythme, laissez-vous le temps de digérer les informations 🧠, et de faire les exercices. Mais souvenez-vous que le plus important est que vous soyez capable de mettre en pratique ce que vous avez appris !
#Découvrez votre professeur !

Alexia Toulmet est développeuse web JS. Passionnée par le front-end, elle aime travailler à la frontière entre design et développement.
Alors, vous avez sûrement hâte de rentrer dans le vif du sujet ? N’attendez plus, c’est parti dans le prochain chapitre ! 🚀
- Formations jusqu’à 100 % financées
- Date de début flexible
- Projets professionnalisants
- Mentorat individuel