React Developpement d-applications web
BeeUp Formation - LABOURÉ THAÏS
Non finançable CPF
Tout public
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Etudiant
Prix
3400 €
Durée
Nous contacter
Niveau visé
Non diplômante
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
Objectifs
- Créer des applications dynamiques avec React
- Développer des interfaces interactives
- Mettre en œuvre un routage avancé
- Gérer les données entre les composants et à travers l'application
Programme
Rappels Ecmascript et Typescript
Présentation de React
Les Composants
Naviguer entre les composants
Gérer les informations
Les Hooks
Intégrer les bonnes librairies
- Mise à jour sur les normes ES et plus
- Bonnes pratiques Ecmascript
- Les nouveautés ES6 et plus
- Présentation et introduction à Typescript
Présentation de React
- Histoire de React
- Alternatives : Angular, Vue, Svelte
- Les différentes architectures web
- Fonctionnement interne de React
- Outils de bundle : Vite, Webpack
- Exemple d'atelier : créer une application React
Les Composants
- Qu'est-ce qu'un composant ?
- Découverte du JSX
- L'interpolation et le data binding
- La gestion des images
- Le rendu conditionnel
- Le rendu de listes
- Exemple d'atelier : afficher une todo liste
Naviguer entre les composants
- Installation de React Router
- Configurer les routes et naviguer entre elles
- Passer des paramètres
- Redirection programmatique
- Navigation conditionnelle et guards
- Le lazy loading
- Exemple d'atelier : créer ses premières routes
Gérer les informations
- Découverte des Hooks : le hook d'état
- Gérer les événements
- Passer des informations entre les composants avec les props
- La props children
- Validation des props avec PropType
- Exemple d'atelier : créer des composants cards pour afficher sa liste de todos
Les Hooks
- Comprendre le cycle de vie de React
- Le Hook d'effet
- La mémoïsation
- Gérer les états complexes avec le reducer
- Passer des informations via le contexte
- Créer des hooks personnalisés
- Exemple d'atelier : implémenter un compteur avec des données partagées via le contexte
Intégrer les bonnes librairies
- Gestion des formulaires avec React Hook Form
- Utiliser Redux pour gérer l'état des données
- Consommer une API avec React Query
- Exemple d'atelier : créer une authentification complète en front
Envie d’en savoir plus sur cette formation ?
Documentez-vous sur la formation
Ces formations peuvent vous intéresser
Les formations les plus recherchées
Lyon
Toulouse
Marseille
Montpellier
Paris
Bordeaux
Dijon
Mâcon
Nantes
Rennes
Informatique CPF
Informatique en Ligne
Developpeur informatique
Developpeur informatique CPF
Developpeur informatique en Ligne
Javascript
Intelligence artificielle
Machine learning
Vba
Technicien informatique
Technicien support informatique
Growth hacking
Administrateur systeme
Consultant en informatique
Programmation
Developpeur informatique Nantes
Javascript Clermont-Ferrand
Javascript Grenoble
Developpeur informatique Angers
Developpeur informatique Cholet
Javascript Saint-Étienne
Javascript Annecy
Developpeur informatique La Roche-sur-Yon
Developpeur informatique Boulogne
Javascript Chambéry