20_1369894_1568626 http://www.c2rp.fr/formation/1369894 ReactJS INOW

ReactJS

Date de mise à jour : 02/09/2020 | Identifiant OffreInfo : 20_1369894
Organisme responsable : INOW

Objectifs



  • Découvrir ReactJS et son fonctionnement


  • Écrire des composants avec les nouvelles syntaxes JSX et ES6


  • Comprendre et intégrer l'architecture Flux


  • Mettre en place un environnement de développement pour ReactJS

Programme de la formation


Introduction à ReactJs



  • Node.js et npm JavaScript


  • ES6 Webpacks


  • Les avantages de React


  • Création d'une application


  • ReactJs


  • IDE, outils et plugins




ReactJs et le DOM



  • Evénements en React


  • JSX, différence entre JSX et HTML/JavaScript


  • Méthodes principales de l'API


  • DOM virtuel




Les composants React



  • Hiérarchie des composant


  • Construire un composant de vue


  • Composants à état


  • Stratégie de composition des composants et bonnes pratiques


  • Cycle de vie des composants


  • Render, Binding


  • Props VS state


  • Contrôle des composants de formulaire


  • Validateurs


  • Creer son StoryBook




Interactions avancées en ReactJs



  • Animations


  • Drag and Drop


  • Mise en place d'un thème avec Styled Component




Routage



  • Implémentation du routage


  • Gérer les routes


  • React Router


  • Récupérer les paramètres de l'URL




Architecture avec Redux



  • Pourquoi Redux ?


  • Separation of Concern


  • Implémentation de Redux


  • Créer ses actions et reducers


  • Introduction à React-Redux


  • Connecter ses composants




Performances



  • Réconciliation process works


  • Bonnes pratiques concernant la performance




Isomorphisme



  • Principes et béné?ces du développement isomorphique


  • Node.js pour ReactJS


  • Internationalisation (i18n)


  • Communiquer avec une API rest


  • Configuration et organisation des routes




Tester les applications ReactJS



  • Préparer les composants pour les tests


  • Les utilitaires de test pour Enzyme, Jest...


  • Simulation d'événements




Introduction à React Native



  • Hétérogénéité des OS mobiles


  • Natif vs hybride vs cross-platform


  • Principales solutions cross-platform

Validation et sanction

-

Type de formation

Non certificiante

Sortie