Dawan

React.js + Redux

Par Dawan

Objectifs

Découvrir React.js et Redux

Programme

Introduction

  • Développement d'applications web
  • Panorama des librairies disponibles
  • React.js : présentation, composantes
  • Rappels HTML5, JavaScript, JSX, le DOM
  • Atelier : Mise en place d'un projet REACT JS

ECMASCRIPT 2015 (ES6)

  • Spécification ECMAScript et implémentations (JavaScript, JScript)
  • Transpilation ES6 => ES5 avec Babel
  • Programmation Orientée Objet :
  • Evolution de la programmation orientée prototype
  • Classes : membres d'instances et membres de classe
  • Agrégation d'objets (mixins)
  • Héritage
  • Arrow functions
  • Design patterns
  • Définition de modules
  • Système natif de gestion des modules, chargement
  • Gestion des dépendances

Approche MVC et Virtual DOM

  • Architecture de REACT
  • Vues (V) : fonctionnement, implémentation
  • Implémentation des vues : affichages, saisies, actions, binding et filtres

Composants REACT JS

  • Définir un composant Créer un premier composant
  • Utiliser les propriétés
  • Etats des composants
  • Style CSS pour un composant
  • Gestion des évènements
  • Relation entre composants : créer et appliquer les références, ajouter des enfants aux éléments, interaction avec les propriétés.

Cycle de vie d’un composant

  • Comprendre les cycles
  • Monter un composant
  • Ajouter des méthodes à un composant et des propriétés par défaut
  • Fixer des types de propriété

Navigation REACT JS

  • Mise en place du Routing (React-router)
  • Rendu d’une route
  • Liens via les Router
  • Organiser les routes
  • Passage de paramètres liens, redirections

Redux

  • Présentation de redux
  • Combiner React Router et Redux
  • Les avantages apportés par les Store
  • Créer et configurer un Store
  • Les Actions et Les Reducers
  • Utiliser les Action Creators
  • La fonction connect()
  • Redux Form
  • Les validateurs de formulaire

Conclusion

  • Bonnes pratiques REACT JS (state, prop types, render, composition, hoc)
  • Astuces

Pédagogie

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Evaluation de fin de formation : Certification CPF ou mise en situation notée par le formateur
  • Nos formations sont accessibles aux personnes en situation de handicap
    si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr nous étudierons ensemble vos besoins.

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.