Formation REACT

Développer une application avec ReactJS

sablier-violet  Durée : 2 jours

Référence : REA 01

Réservez votre session

Paris

02 octobre 2017

1390 € HT

Paris

05 décembre 2017

1390 €HT











Objectifs

Découvrir l’écosystème ReactJS
Comprendre le fonctionnement et l’intérêt de ReactJS
Appréhender et mettre en place Redux
Créer une application simple en Single Page

Public

Développeurs désireux de découvrir une solution simple et puissante pour construire de nouvelles applications modernes et performantes

Pré-requis

Une bonne connaissance du JavaScript (ES2015 est un plus) et de solides notions en développement “front”.

Méthodes pédagogiques

50 % théorie/ 50 % pratique

Modalités d’évaluation

Un questionnaire d’évaluation à chaud sera adressé aux participants à la fin de la formation. Cette évaluation mesure le niveau 1 de Kirkpatrick.

Description

Bien plus qu’une mode ou qu’une alternative à AngularJS, ReactJS tend à s’imposer comme la librairie de référence pour la création d’applications riches, rapides et agréables à développer.

Durant ces deux jours de formation, aussi théorique que pratique, nous aborderons ce qu’est ReactJS, découvrirons son écosystème, et commencerons à créer une application simple. Nous aborderons également les concepts clés de ReactJS afin de pouvoir les appliquer au cours des différents travaux pratiques centrés sur une même application.

Programme

Introduction

●    Historique
●    Quelques chiffres
●    Pourquoi ReactJS plutôt qu’un autre framework ?

Récapitulatif ES2015

●    ES2015 et l’ES5 avec ReactJS
●    Les features ES2015 à connaître

Concepts

●    Virtual DOM et Reconciliation
●    Components, ceux qui existent…
●    … Et ceux que l’on définit
●    Un mot sur le JSX

Components

●    Cycle de vie d’un Component
●    State et Props
●    Le rôle de la méthode render

Outils de développement

●    Installation des outils via NPM
●    Babel, ses presets, ses plugins
●    Utilisation de Webpack pour créer les fichiers JavaScript
●    Test avec Enzyme, Mocha et Chai
●    Create React App

Redux

●    Flux et Redux
●    Pourquoi Redux, cas d’application complexe
●    Concepts important, immutabilité, un seul « State », …
●    Comprendre ce que sont les stores, les actions et les reducers

Single Page Application

●    SPA ou Isomorphisme ?
●    Une single page application avec react-router

Les formulaires

●    Quelques concepts clés, Component contrôlé ou non contrôlé
●    Création de formulaires avec react-form

Isomorphisme

●    Qu’est-ce que l’isomorphisme…
●    … Et qu’apporte-il ?
●    Un mot sur Node.JS