Badge Développement

React

React est un Framework Front-End créé par Facebook. Il est de plus en plus largement utilisé dans le cadre du développement de sites et d’applications Web.

: 5 jours

Gratuit

  • Du 23/09/2019 au 30/09/2019 - Technobel (Ciney)
  • Du 04/10/2019 au 11/10/2019 - Arlon

  • Développer avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA


Bonne connaissance du Javascript


  • Rappels des composants des RIA
    • Les fondamentaux. HTML, CSS, JavaScript. Le DOM
    • Design patterns applicatifs classiques. Limitations des applications JavaScript
    • Ecosystème des frameworks JavaScript
    • Principes de Data-Binding : dirty-checking, observable, virtual-dom
    • ReactJS, positionnement et philosophie
    • JSX, présentation. Mise en oeuvre "Transpilers"
    • Environnement de développement. IDE et plug-ins
  • Développer avec ReactJS
    • Approche : MVC et Virtual Dom, un choix de performance
    • Utiliser JavaScript ou JSX
    • Comprendre JSX en détail. Pièges à éviter
    • Méthodes principales de l'API
    • Création de composant de vues. Cycle de vie
    • Initialisation de propriétés
    • "Render Function" : gestion des états de composant
  • Interactivité des composants
    • Gestion des événements. "autobinding" et délégation
    • Design Pattern : stratégie pour les composants à état
    • Composer par ensembles
    • "Component Data Flow" : propriétaire, enfants et création dynamique
    • Composants réutilisables : contrôle et transfert de propriétés
    • Contrôle des composants de formulaire
    • Manipulation du DOM
  • Application monopage avec ReactJS et Flux ou Redux
    • Flux/Redux : présentation. Propagation de données
    • Comparaison des architectures
    • Création de vues et contrôleurs dans Flux
    • Rôle du "Dispacther" dans Flux pour les actions
    • Les "Stores", gestionnaire d'états logique dans Flux
    • Définition du Functionnal Programming
    • Approche avec Redux. Le "Reducer"
    • Extension pour ReactJS : "hot-loader"
  • Application isomorphique
    • Principe et bénéfices du développement isomorphique
    • Ecosystème du JavaScript côté serveur
    • Initiation à NodeJS
    • Configuration de NodeJs pour ReactJS
    • Organisation de routes
  • Introduction à React Native
    • Positionnement, différences avec Cordova
  • De React aux composant iOS natifs, un projet à suivre



Nous utilisons des cookies à des fins statistiques et pour faciliter la navigation et le partage social.