Cette formation offre une opportunité unique d’acquérir des compétences pratiques et théoriques dans le domaine choisi. En plus de bénéficier d’un programme complet et structuré, les participants auront également la possibilité d’obtenir une attestation de formation à la fin du parcours. Cette attestation atteste de leur engagement et de leur réussite dans la formation.
Objectifs
- Apprenez React à partir de zéro et terminez le cours en tant que développeur React avancé.
- Créez plusieurs applications de démonstration de haute qualité, y compris une application fullstack créée avec NextJS.
- Apprenez tout sur les hooks et les composants React
- Créez des applications et des applications React autonomes connectées à un backend via HTTP.
- Implémentez l’authentification des utilisateurs dans les applications React.
Prérequis
- Les fondamentaux JavaScript + HTML + CSS sont absolument requis
- Vous N’AVEZ PAS besoin d’être un expert JavaScript pour réussir ce cours !
- La connaissance de JavaScript ES6+ est bénéfique mais n’est pas indispensable
- AUCUNE expérience préalable avec React ou tout autre framework JS n’est requise !
Détails
- 12 Sections
- 84 Lessons
- Durée de vie
Expand all sectionsCollapse all sections
- 1 - Introduction et rappels ES610
- 2 - Le framework React.js4
- 2.1Principes de base : comprendre l’intérêt de react par rapport à ses concurrents et la façon dont il a été pensé
- 2.2Philosophie « composant »
- 2.3Les workflows de développement : from scratch (customisé), intégration à une application web existante, utilisation d’un outil de création d’une application React (create-react-app)
- 2.4Le DOM Virtuel et la réconciliation
- 3 - Le JSX et les composants10
- 3.1Définition d’un élément React (types, attributs, enfants)
- 3.2Liaison avec le DOM (ReactDOM.render())
- 3.3Une nouvelle syntaxe : Le JSX
- 3.4Le plugin de Babel pour le JSX
- 3.5Les règles du JSX (injection d’expression, protection XSS, balise parente)
- 3.6Les attributs JSX
- 3.7Les composants : définition et intérêt (réutilisabilité)
- 3.8Les composants en mode classe
- 3.9Les composants fonctionnels (nouvelle solution)
- 3.10Imbrication de composants (les balises de composant)
- 4 - Les props4
- 5 - Le State et les lifecycles8
- 5.1Définition (persistance de données, singularisation du composant)
- 5.2Initialiser le state
- 5.3La méthode setState et ses 2 formes (synchrone/asynchrone)
- 5.4Le cycle de vie du composant
- 5.5Montage du composant (componentDidMount)
- 5.6Mise à jour du composant (componentDidUpdate)
- 5.7Démontage du composant (componentWillUnmount)
- 5.8Best pratices (setState asynchrone, ne pas utiliser setState dans le constructeur)
- 6 - Les Hooks7
- 7 - Les événements6
- 8 - Rendu conditionnel et liste4
- 9 - Les formulaires6
- 10 - Le routing et la navigation8
- 11 - Introduction à Redux et architecture flux15
- 11.1Immutabilité des variables partagées
- 11.2Les composants d’ordre supérieur
- 11.3Problème de la gestion d’état
- 11.4Les Systèmes de gestion d’état
- 11.5L’architecture flux (actions, dispatcher, store, …)
- 11.6Redux : définition et installation
- 11.7Les actions
- 11.8Les reducers
- 11.9Le store
- 11.10Utilisation avec React (react-redux)
- 11.11Le composant Provider
- 11.12Les containers
- 11.13Le HOC connect
- 11.14La méthode mapStateToProps
- 11.15La méthode mapDispatchToProps
- 12 - Les tests2
