Fiche Formation

React

Développer une application avec ReactJS

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

 

Retourner au catalogue des formations
Durée2 jours
LieuParis

Prochaines Sessions

26 septembre 2018
Paris
1 390€

Auteur

Intervenant

Réserver une place
28 novembre 2018
Paris
1 390€

Auteur

Intervenant

Réserver une place

Informations Pratiques

file_download Télécharger la fiche

Vous avez des questions ?

N'hésitez pas à nous contacter pour réserver votre formation, ou si vous avez des questions sur nos formations :

  • call 01 44 75 42 55
  • print 01 44 75 42 55
  • mail_outline training@soat.fr
  • location_on SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris
link  Formulaire de contact

Réservez votre formation

contact

Par téléphone : 01 44 75 42 55

Par Fax : 01 44 75 05 25

Par mail : training@soat.fr

Par courrier : SOAT TRAINING - 87-89 quai de Panhard et Levassor - 75013 Paris

Ou directement en ligne