Objectifs
À la fin de la formation React Js, vous serez capable de valider les objectifs d’apprentissages suivants :
➤ Comprendre les concepts de ReactJS.
➤ Développer avec ReactJS en respectant les bonnes pratiques.
➤ Savoir utiliser les outils de développement adaptés.
➤ Installer, configurer et utiliser les bibliothèques de l’écosystème ReactJS les plus populaires.
➤ Gérer les états avec Redux.
➤ Tester unitairement son application.
Prérequis
➤Une connaissance des technologies web (HTML, CSS et JS) est impérative.
➤Une connaissance basique de Git est souhaitable mais pas obligatoire.
Certification
➤Ce cours est destiné aux développeurs Web, aux programmeurs qui souhaitent créer des interfaces utilisateur impressionnantes à l'aide de React et Flux.
➤Il convient également à ceux qui travaillent déjà et souhaitent obtenir une certification pour poursuivre leur progression de carrière.
➤L'obtention de la certification Vskills dans ReactJS peut aider les candidats à se différencier sur le marché du travail concurrentiel d'aujourd'hui, à élargir leurs opportunités d'emploi en affichant leurs compétences avancées et à se traduire par un potentiel de revenus plus élevé.
Programme
1. Rappels environnement front-end.
➤Retour sur l’état du front-end actuel et ses concepts (Single Page Application, asynchronisme…).
➤Rappel ES6.
➤Présentation de l’environnement react : webpack, npm, create-react-app.
➤Utilisation des outils du navigateur : debugger et react dev tools.
2. React.
➤Présentation de React et de ses concepts (virtual Dom, workflow d’affichage du navigateur).
➤Structure d’un component React.
➤Présentation de JSX.
➤Cycle de vie et gestion de l’état d’un component avec les hooks.
➤Gestion du cycle de vie applicatif.
➤Gestion des formulaires avec la librairie React-final-form.
➤Routing d’une application React avec react-router.
3. Tests.
➤Comment tester unitairement les components React avec Jest et enzyme.
4. Redux.
➤Externaliser la gestion d’état d’une application React avec Redux et reactredux.
➤Live coding pour intégrer Redux à une application React.
➤Ajout d’un middleware Redux et appel d’API distante.
5. Ouverture (selon le niveau des participants).
➤Internationalisation d’une application React (i18n).
➤React native.