[wpms_breadcrumb reverse="0"]
Animation Web

ReactJS, maîtriser le Framework JavaScript de Facebook

Reference : RECJS

3

jours
- 2 090 €  € HT
Télécharger la fiche
Prochaines sessions
    ReactJS, maîtriser le Framework JavaScript de Facebook
    Objectifs

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

    Pré requis

    • Bonne connaissance de JavaScript, pratique du développement web.

    Modalités et délais d’accès

    Bulletin d'inscription à retourner complété

    Inscription

    Programmes de ReactJS, maîtriser le Framework JavaScript de Facebook

    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.