Votre partenaire formation 100% digital

ReactJS

Appréhender la philosophie et le fonctionnement de ReactJS

  • Formateur(s)

    Nicolas CHAMBRIER
  • Référence

    REA01

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Prochaines sessions - ReactJS
Date de début Ville Prix unitaire HT
12 décembre 2018 Paris 1650 € Réserver

Description

Aujourd’hui, les utilisateurs sont de plus en plus exigeants et les applications web deviennent de plus en plus complexes. Afin de répondre aux nouveaux besoins, les technologies se font plus agiles et plus performantes. Le but de cette formation est de maitriser et de comprendre les concepts sous-jacents de deux des librairies les plus modernes à ce jour afin de pouvoir les exploiter dans un contexte de production.

Objectifs pédagogiques

  • Appréhender les concepts sous-jacents aux applications web modernes
  • Comprendre et maitriser React et Redux
  • Mettre en oeuvre les bonnes pratiques
  • Appréhender leur utilisation pour répondre aux besoins des applications les plus exigeantes

Public cible

Chefs de projet Web, Architectes techniques, Développeurs front-end

Pré-requis

Bonne connaissance de Javascript, Connaissance html, pratique du développement web

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50% théorie / 50% pratique

Programme de la formation

React
Introduction

  • Histoire
  • Généralités
  • Concepts

Outils

  • React Developer Tools
  • Webpack
  • Babel
  • Create React App

ES6

  • Classes
  • Fonctions fléchées
  • Affectation par décomposition
  • Spread operator

React DOM

  • Problématique du DOM
  • Virtual DOM

Le langage JSX

  • Concepts
  • HTML vs JSX
  • Intégration dans React

Components

  • Props
  • Définition d’un composant (fonction, classe)
  • Définition d’un composant avec état interne
  • Initialisation par requête asynchrone

State

  • Qu’est-ce qu’un état ?
  • Changer l’état
  • Problématique d’un état interne
  • Persister l’état d’un composant

Cycle de vie d’un composant

  • Mount
  • Update
  • Unmount

Routage

  • React-router
  • Routes imbriquées
  • Index et redirection
  • Routes à paramètres

Redux
Présentation de Redux

  • Etat de l’art
  • Gestion d’état
  • Problème solutionné par Redux

Principes fondateurs de Redux

  • Une seule source de vérité
  • Etat immutable
  • Modifications par fonctions pures

Les bases de Redux

  • Data flow
  • Actions
  • Reducers
  • Store

Redux avancé

  • Middleware
  • Actions asynchrones
  • Initialisation du store

React-redux

  • Principe de fonctionnement
  • Provider
  • Connect