• React – Développement Web front-end en JavaScript

Accueil / React – Développement Web front-end en JavaScript

React – Développement Web front-end en JavaScript

Durée : 4 jours
Tarif Inter : 2100 €
Tarif sur mesure : Nous consulter
Référence : 3DRF

  • Partagez sur
  • Téléchargez en
  • Inscrivez vous
Programme Public & Pré-requis Organisation

Présentation

Cette formation vous permettra d’apprendre à industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React créée par Facebook. Vous découvrirez également Redux, une bibliothèque de gestion d’états.

Objectifs

  • Créer une application React.
  • Utiliser les outils de développements associés.
  • Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative.
  • Développer des interfaces utilisateurs à base de composants.
  • Gérer la navigation au sein de l’application.
  • Mettre en place une architecture de gestion d’état de l’application avec Redux.
  • Maîtriser les concepts de l’immuabilité.
  • Tester le code et les composants.

Programme

  1. JavaScript

    • Historique
    • ES5 / ES6 / ES7
    • Node.js
    • Callback vs Promise
    • Travaux pratiques : Installation de l’environnement de développement, Manipulation du langage JavaScript
  2. Découvrir React et construire une application

    • Différence entre framework et bibliothèque
    • Historique et principes fondamentaux de React
    • Découvrir et comprendre la syntaxe JSX
    • Rappels sur les classes JavaScript Array.map, Array.reduce, bind, this
    • Les outils de développement pour React
    • Construire une application avec React : Créer et structurer un projet React
    • Premiers composants : Gérer le rendu, Gérer les propriétés, Gérer les événements
    • Récupérer des données depuis un serveur
    • Travaux pratiques : Création d’une première application élémentaire, Manipulation simple de composants, Consommer des données provenant d’un serveur
  3. Composants

    • Gestion du cycle de vie et de l’état des composants
    • Adapter le rendu en fonction de conditions
    • Gérer des listes
    • Composition
    • Travaux pratiques : Réalisation d’une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page
  4. Navigation

    • Pourquoi avons-nous besoin d’un outil pour le routage entre les pages ?
    • Présentation de react-router
    • Travaux pratiques : Réalisation d’une application permettant de mettre en place plusieurs pages et de naviguer entre elles.
  5. Gestion d’état : pattern Flux et Redux

    • Présentation du pattern Flux
    • Comprendre le 1-way data flow
    • Découvrir la gestion d’état
    • Découverte du hot-reloading et voyage dans le temps (undo/redo)
    • Redux et Redux-Thunk
    • Travaux pratiques : Réalisation d’une application permettant de mettre en place la gestion d’état de l’application basée sur Redux
  6. L’immuabilité

    • Découverte de immutable.js
    • Comprendre l’intérêt de l’immutabilité pour les performances
    • Travaux pratiques : Mise à jour de l’application avec un état immuable
  7. Tester la qualité du code

    • Tester les composants React
    • Tester les modifications de l’état
    • Présentation des outils permettant de garantir la qualité d’une application : Eslint, Jest, Enzime
    • Travaux pratiques : En s’appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime
Formations à distance
En inter et en intra entreprise

Contactez-nous :
training@softeam.fr
+33 (0)6 07 78 24 18
Prochaines dates

Demande de renseignement