ReactJS Réf : react01

Par Nicolas Chambrier

Appréhender la philosophie et le fonctionnement de React

Durée :
3 jours
Lieux :
Paris

1 650 € HT (prix conseillé)

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

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

A l’issue de cette formation, les participants seront en mesure de :

  • 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

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

Pré-requis

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

Type

Stage pratique

Méthode pédagogique

50% théorie / 50% pratique

Plan de cours

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
Redux devTools

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

Prochaines sessions

picto Du mercredi 10/10 au vendredi 12/10 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 10/10 au mardi 12/10
picto Du mercredi 12/12 au vendredi 14/12 2018 Paris 1 650 € fleche S’inscrire à la session du lundi 12/12 au mardi 14/12
Proposer une session.

Témoignages

J'ai apprécié la formation de part l'actualité et la modernité des cours, ainsi que la transmission d'un support très utile.
Fabien L.

J'ai beaucoup appris. Merci !
David F.

Bonne répartition entre le cours et les exercices!
Thibaut Gilbert

Bonne formation avec beaucoup de pratique !
Yannick E.

Formateur très compétent et accessible.
Jérémie Wipff

Gurval Leost, Commercial

Gurval Leost a fait part de son intérêt pour une session de cette formation entre le lundi 21 mars 2016 et le jeudi 26 mai 2016 à Paris

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Technologies front-end »  – Voir toutes les formations