Support & Downloads

Quisque actraqum nunc no dolor sit ametaugue dolor. Lorem ipsum dolor sit amet, consyect etur adipiscing elit.

s f

Contact Info
198 West 21th Street, Suite 721
New York, NY 10010
youremail@yourdomain.com
+88 (0) 101 0000 000
Follow Us

ReactJS - Développeur

réf : DEV-RJ

À contre-courant des Frameworks traditionnels, le ReactJS favorise la facilité et la performance. Au terme de cette formation, vous saurez construire vos applications Web JS avec la bibliothèque React et Redux.

Objectifs pédagogiques

  • Maîtriser les fondamentaux du Framework ReactJS
  • Installer et configurer le projet React
  • Créer des composants en ES2015
  • Développer une application sur un environnement de développement

Pré-requis

Maîtrise avancée de JavaScript

Public concerné

Développeurs, architectes, chefs de projets techniques…

Programme

  • ReactJS en comparaison à d’autres Frameworks
  • Virtual DOM
  • Configuration des outils de développement
  • Benchmark des outils de développement et d’intégration
  • Le script « create-react-app » dans le but de créer une application

Travaux pratique

Création de l’outillage de développement d’une application React

  • Élaboration d’un composant sur ReactJS
  • Amélioration du composant
  • Propriétés d’un composant
  • États et cycle de vie
  • Gestion de l’état
  • JSX & ES2015
  • Virtual DOM

Travaux pratiques

Développement d’une application à base de composants

Réglages des propriétés & états

  • Communication inter-composants
  • Gestion des évènements : Autobinding & délégation
  • Maniement du DOM
  • Propagation des données
  • Flux des données
  • Contrôle des composants de formulaire
  • Views et Controlers ReactJS
  • Single Page Application (SPA) ReactJS

Travaux pratiques

Construction d’un ensemble de composants UI, analyse des liens entre UI et composants

  • Architecture REST
  • Communication entre l’application et un serveur via REST

Travaux pratiques

Appel de services REST, exploitation des données en JSON

  • Introduction
  • La state au sein d’une fonction
  • Les fonctions useState et useEffect 

Travaux pratiques

Utiliser les Hooks dans l’application ReactJS

  • Error Boundaries : le traitement des erreurs
  • Conserver la structure de l’arbre DOM : les fragments
  • S’affranchir de la structure de l’arbre DOM : le contexte
  • Développer une application React avec TypeScript
  • Lifting State Up
  • Higher-Order Components
  • Le workflow
  • Le pattern Flux
  • Les composants Redux
  • Fonctionnement de Redux dans React
  • Les Hooks de Redux
  • Les tests unitaires
  • Les applications isomorphiques
  • Les applications natives pour Android et iOS

Équipe pédagogique

Professionnel expert dans le développement JS

Moyens pédagogiques et techniques

  • Espace intranet de formation.
  • Documents supports de formation projetés.
  • Exposés théoriques
  • Étude de cas concrets
  • Mise à disposition en ligne de documents supports à la suite de la formation.

Dispositif de suivi

  • Émargement numérique.
  • Mises en situation.
  • Formulaires d’évaluation de la formation.
  • Certificat de réalisation de l’action de formation.

Vous avez une question ?