Logo de la librairie react

Découverte de la librairie React

React est une librairie JavaScript développée par Facebook, le but de celle-ci est de faciliter la création d'application web complexe et complète. Cette formation vous permettra de parcourir l'ensemble des concepts de cette librairie et ainsi de développer une parfaite maîtrise de celle-ci.

Programme

Mise en place de React et sa philosophie

  • Le « V » de MVC ? MVC et Virtual Dom, un choix de performance
  • Composants à état, fonction de rendu simple, performance
  • JavaScript ou JSX
  • Comprendre JSX
  • Méthodes principales de l’API
  • Création de composant de vues. Cycle de vie
  • Initialisation de propriétés

ES6, ES2015 et typescript

  • Compileurs : babel, traceur et typescript
  • Nouveautés ES6 : portée, bloc, template litterals, arrow functions…
  • TypeScript: Typage fort et Flow
  • CommonJS & browserify/webpack
  • ES6 & systemjs

Composants

  • Evénements, autobinding et délégation
  • Design Pattern : les composants à état
  • Composer par ensembles
  • Classes, constructeur et héritage
  • Render, Binding
  • Props VS state
  • 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

Single Page application

  • Présentation des Flux
  • Propagation de données
  • Création de vues et contrôleurs
  • Rôle du Dispatcher pour les actions
  • Stores, gestionnaire d’états logique
  • Extension pour ReactJS : animation
  • Data-binding bidirectionnel

Isomorphisme

  • Principe et bénéfices du développement isomorphique: Application universelle
  • Internationalisation
  • Gestion des données serveur: Relay
  • Ecosystème du JavaScript côté serveur
  • Initiation à Node.js
  • Configuration de Node.js pour ReactJS
  • Configuration et organisation des routes

Performance et architecture

  • Introduction et utilisation de Flux
  • Introduction et utilisation de Redux
  • Lifecycle hooks
  • Immutabilité
  • React Router
  • Outils de développement & tests
  • Server-side rendering

Informations pratiques

À qui s'adresse la formation

Développeur web

Organisation

Jour 1 / Découverte de React

Jour 2 / ES6 et TypeScript

Jour 3 / Créer des composants

Jour 4 / Créer une Single Page Application

Jour 5 / Performances et exercices

Pré-requis

Connaissances en JavaScript.

Objectifs

A l’issu de la formation, les élèves seront capables de :


- Développer et Maîtriser les fonctionnalités dans la dernière version 15 de React la technologie JavaScript de Facebook

- Créer des composants web complexes rapidement

- Application SinglePage avec React.JS, Flux et isomorphisme

- Mettre en place une application web performante

- Appréhender React Native

Prochaines dates disponibles

29/04

Tarifs

Pour 1 personne :

450€ / jour

À partir de 5 personnes :

400€ / jour

Pour une classe entière :

Ces formations pourraient vous intéresser