M2i Formation

ReactJS - Maîtriser le framework

Par M2i Formation

Objectifs

  • Connaître ReactJS et son fonctionnement
  • Ecrire des composants en ES2015
  • Développer une application à l'aide d'un environnement de développement.

Programme

Présentation de ReactJS

  • Positionnement de ReactJS
  • Virtual DOM avec ReactJS
  • Mise en place des outils de développement
  • Tour d'horizon des outils de développement et d'intégration actuelle
  • Création d'une application React avec le script "create-react-app"

Exemple de travaux pratiques (à titre indicatif)

  • Mise en oeuvre de l'outillage nécessaire au développement d'une application React

Composants ReactJS

  • Création d'un composant ReactJS
  • Amélioration des fonctionnalités du composant développé
  • Etats d'un composant et cycle de vie
  • Gestion de l'état d'un composant
  • Propriétés d'un composant
  • Présentation de JSX et ES2015, que choisir ?
  • Présentation approfondie du Virtual DOM

Exemples de travaux pratiques (à titre indicatif)

  • Création pas à pas d'une application à base de composants React
  • Mise en oeuvre des propriétés et état d'un composant

Communication inter-composants avec ReactJS

  • Communication inter-composants
  • Gestion des évènements
  • Autobinding
  • Composants de formulaire
  • Manipulation du DOM
  • Présentation de la propagation des données
  • Flux des données
  • Présentation des vues et contrôleurs dans ReactJS
  • Création d'une application Single Page Application (SPA) avec ReactJS

Exemple de travaux pratiques (à titre indicatif)

  • Création de plusieurs composants d'interface graphique, permettant de montrer l'interaction entre composants et l'UI

Echanges avec le serveur

  • Présentation de l'architecture REST
  • Echanges entre l'application React et un serveur via REST

Exemple de tarvaux pratiques (à titre indicatif)

  • Appel de services REST et exploitation des données en JSON dans l'application React

Les Hooks

  • Présentation des Hooks
  • Utiliser la state dans une fonction
  • Les fonctions useState et useEffect

Exemple de travaux pratiques (à titre indicatif)

  • Utiliser les Hooks dans l'application ReactJS

Améliorer une application ReactJS

  • Gestion des erreurs avec les "Error Boundaries"
  • Préserver la structure de l'arbre DOM avec les fragments
  • Utiliser le contexte pour s'affranchir de la structure de l'arbre DOM
  • Développer une application React avec TypeScript

Quelques patterns ReactJS

  • Faire remonter l'état : Lifting State Up
  • Le pattern Décorateur de ReactJS : Higher-Order Components

Redux

  • Présentation du workflow
  • Présentation de flux
  • Eléments composants Redux
  • Intégration de Redux dans React
  • Les Hooks de Redux

Exemple de travaux pratiques (à titre indicatif)

  • Mise en oeuvre de Redux

Plus loin avec React

  • Les tests unitaires dans ReactJS
  • ReactJS côté serveur : les applications isomorphiques
  • Développer une application native pour Android et iOS

Certification (en option)

  • Prévoir l'achat de la certification en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence

Pédagogie

L'évaluation des acquis se fait :

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Formations de la même catégories (5)

Orsys
ReactJS, programmation avancéePar Orsys

À l'origine simple outil interne de Facebook, React est devenue l'une des principales librairies JavaScript open source. Avec cette formation, vous approfondirez votre maîtrise de React, découvrirez les dernières nouveautés et l'écosystème indispensable pour concevoir des applications web encore plus perfectionnées.

Orsys
React Native, développer des applications mobiles nativesPar Orsys

Réconciliant les développeurs d'applications natives et hybrides, React Native est devenu un framework de référence pour la création d'applications mobiles multiplateformes. Cette formation vous permettra d'acquérir les compétences nécessaires pour concevoir des applications compatibles avec iOS, Android et Windows.

Clever Institut
React NativePar Clever Institut

Lancé par Facebook dans le sillon de React, React Native est devenu en à peine deux ans le framework de création d’applications mobiles multi-plateformes le plus populaire, réconciliant les développeurs d’applications natives et hybrides.
Cette formation vous permettra d’appréhender les principes clés de React Native et d’acquérir les compétences nécessaires à la publications d’applications mobiles performantes, robustes et maintenables, et compatibles avec iOS, Android et Windows

Ambient IT
React NativePar Ambient IT

React Native est une technologie Open-Source de Facebook permettant la production d’applications mobiles natives sur iOS, Android et bientôt sur Windows 10 Mobile. Ce programme de 2 jours de formation est un condensé intensif des meilleures pratiques pour aborder un projet React Native. React en général et React Native en particulier ont introduit de nouvelles façons de “penser” une application avant de la coder et cela impacte tout le processus de conception, de production et de déploiement.

Ici nous nous concentrerons à 100% sur React-Native et son lot de libs associées sans lesquelles votre app ne serait pas « scalable » (flexible) dans un environnement réel de production.

Au bout de ce programme vous aurez développé deux Apps, dont une plus complète avec React Native et Redux, connectée à un « Backend as a Service » (BaaS) comme Firebase 3.0.

La formation utilisera la dernière version stable en date du projet (React Native 0.64 à ce jour ).

Openska
React NativePar Openska

React Native est un framework destiné au développement d’applications mobiles natives. Sa particularité est de permettre le développement React Native est un framework destiné au développement d’applications mobiles natives. Sa particularité est de permettre le développement d’applications multi-plateformes utilisant des composants natifs.
Lors de la formation vous découvrirez les principes clés de React Native et apprendrez à réaliser des applications mobiles performantes, stables et compatibles avec iOS, Android et Windows.