Faire le point sur React
Il s’agit d’un atelier de groupe. Cela signifie que vous devez constituer un groupe pour le travailler.
Profitez de cette occasion pour poser un maximum de questions aux partenaires de votre groupe et aussi pour vous rassurer sur vos connaissances en les expliquant aux autres.
Assurez-vous d’être prêt avec votre groupe avant de commencer ! N’oubliez pas que l’objectif principal d’un atelier de groupe est que toutes les personnes du groupe assimilent les mêmes concepts tout en travaillant ensemble pour trouver la documentation et les exemples nécessaires.
Travaillons en équipe pour mieux comprendre ce qu’est React et pourquoi il est important pour nous de l’apprendre. L’objectif principal de cet atelier est de découvrir, chercher des informations en ligne et discuter de tout ce que vous trouvez avec le groupe. Nous aurons suffisamment de temps pour maîtriser les choses. Alors ne vous inquiétez pas si vous ne comprenez pas tout ce que vous voyez. Efforcez vous plutôt de valider les points essentiels.
Essayons donc de répondre aux questions suivantes. Notez-les comme référence pour vous-même à l’avenir et même pour les présenter à la promo et avoir une discussion générale.
Utilisez la documentation React ou toute autre source que vous connaissez pour vous guider tout au long de cet atelier.
💪 Commençons !
Que savez-vous de React ? Partagez au sein du groupe toutes vos idées à ce sujet afin que tout le monde commence au même point.
Comparez tous ces commentaires avec la documentation React et les ressources en ligne.
- Sur quelles choses aviez-vous raison ?
- Sur quelles choses vous aviez tort ? Pourquoi?
10 minutes
🤓 Plus de concepts
Essayez de trouver des définitions pour ces concepts de React. Discutez-en avec le groupe afin de bien comprendre :
- Qu’est-ce que JSX ?
- Que sont les composants ?
- Que sont les props ?
- Qu’est-ce que le state ?
30 minutes
🔧 Passons à la pratique
Que savez-vous de Vite ? Trouvez des informations à ce sujet et sur ce que Vite fait.
10 minutes
Démarrez un projet de groupe en utilisant Vite. Parcourez les dossiers et les fichiers générés par celui-ci et cherchez ce qu’ils font. Écrivez vos propres conclusions.
20 min
Concentrez-vous sur main.jsx et App.jsx. C’est tout à fait normal de ne pas savoir ce que font tous les fichiers. Mais ce sera une bonne pratique pour l’avenir de savoir qu’ils existent et d’essayer de deviner quel est leur but. Vous pouvez complètement ignorer le contenu du dossier node_modules.
😎 Défi final
Codons quelque chose ! Essayez de construire quelque chose dans React.
Utilisez le code généré par Vite et créez une petite page autour. Facultatif : vous pouvez également rechercher du code en ligne et l’utiliser. Ajoutez des commentaires à ce code pour comprendre ce qu’il fait.
☝️ Récap de l’équipe
Récapitulez avec le groupe tout ce que vous avez fait. Utilisez cet atelier comme une opportunité de partage. Partagez ce que vous avez appris avec vos camarades de promo, demandez ce qui n’est pas encore clair et obtenez encore plus d’informations sur React.
