Formation - ReactJS - Développement d'applications Web

Développer des interfaces utilisateurs avec la bibliothèque ReactJS, pour la création d'applications web robustes et performantes

  • Présentiel ou classe à distance
  • Fondamental
Télécharger le PDF
PRESENTIEL OU CLASSE A DISTANCE
Référence
LI264

Durée
3 jours (21 heures)

Prix
1 890,00 €  HT

Dans vos locaux ou à distance
Référence
LI264

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
4 660,00€ HT
(Prix pour un groupe de 12 personnes max)

Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !

Partager cette formation

Bibliothèque JavaScript développée par Facebook depuis 2013, ReactJS voit sa popularité exploser. Certains acteurs de la nouvelle économie tels que Netflix, Airbnb ou encore WhatsApp ont d'ailleurs adopté ce moteur de rendu JavaScript qui se démarque de ses concurrents par sa flexibilité et ses performances principalement dues au fait qu'il ne met à jour le rendu de page web dans le navigateur qu'en cas de nécessité. A l'issue de cette formation, les participants disposeront des connaissances et compétences nécessaires au développement d'interfaces utilisateur avec le framework ReactJS.
Consulter le programme de cette formation en 2023
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs
  • Architectes
  • Chefs de projets...

Prérequis

  • Disposer de connaissances pratique du développement Web
  • Maîtrise et pratique de JavaScript (ES5 minimum)
Programme

Le programme

1 - Introduction et rappels ES6

  • Outils et IDE
  • L’extension du navigateur React developer tools
  • Packaging, npm
  • Transpiler EcmaScript
  • Let, variables locales et constantes
  • Typage et types natifs
  • Paramètres optionnels, valeurs par défaut
  • Classes et interfaces
  • Gestion des modules
  • Arrow functions

2 - Le framework React.js

  • Principes de base : comprendre l’intérêt de react par rapport à ses concurrents et la façon dont il a été pensé
  • Philosophie « composant »
  • Les workflows de développement : from scratch (customisé), intégration à une application web existante, utilisation d’un outil de création d’une application React (create-react-app)
  • Le DOM Virtuel et la réconciliation

3 - Le JSX et les composants

  • Définition d’un élément React (types, attributs, enfants)
  • Liaison avec le DOM (ReactDOM.render())
  • Une nouvelle syntaxe : Le JSX
  • Le plugin de Babel pour le JSX
  • Les règles du JSX (injection d’expression, protection XSS, balise parente)
  • Les attributs JSX
  • Les composants : définition et intérêt (réutilisabilité)
  • Les composants en mode classe
  • Les composants fonctionnels (nouvelle solution)
  • Imbrication de composants (les balises de composant)

4 - Les props

  • Définition (transmission de données, readonly)
  • Envoyer des props
  • Accéder au props (composants fonctionnels / classe)
  • La props children

5 - Le State et les lifecycles

  • Définition (persistance de données, singularisation du composant)
  • Initialiser le state
  • La méthode setState et ses 2 formes (synchrone/asynchrone)
  • Le cycle de vie du composant
  • Montage du composant (componentDidMount)
  • Mise à jour du composant (componentDidUpdate)
  • Démontage du composant (componentWillUnmount)
  • Best pratices (setState asynchrone, ne pas utiliser setState dans le constructeur)

6 - Les Hooks

  • Définition
  • Hooks vs composants en mode classe
  • Le hook d’état
  • Le hook d’effet et la liste de dépendance
  • Les modes du hook d’effet : initialisation, mise à jour, nettoyage
  • Les règles des hooks
  • Les custom hooks

7 - Les événements

  • Syntaxe des événements dans le JSX
  • Méthodes de gestion d’événement (handler)
  • Techniques de liaison du contexte d’exécution au handler (bind(), fonctions fléchées, ...)
  • Objet d’événement
  • Passage de paramètres supplémentaires au handler
  • Envoyer un handler en props

8 - Rendu conditionnel et liste

  • Contenu conditionnel et raccourcis (etet, ternaires)
  • Listes et raccourcis (higher order functions : map, filter, ...)
  • Les clés (key) et le DOM Virtuel
  • Les fragments

9 - Les formulaires

  • État du composant = source de vérité
  • Composant contrôlé
  • L’attribut de valeur universel des champs : value
  • Soumission du formulaire
  • Composants non contrôlés (input de type file)
  • Les refs

10 - Le routing et la navigation

  • Construire une SPA dont les urls sont bookmarkables
  • La librairie react-router-dom (version 5)
  • Le router
  • Les liens
  • Les routes
  • Le switch
  • Les paramètres d’url
  • Les navigations imbriquées

11 - Introduction à Redux et architecture flux

  • Immutabilité des variables partagées
  • Les composants d’ordre supérieur
  • Problème de la gestion d’état
  • Les Systèmes de gestion d’état
  • L’architecture flux (actions, dispatcher, store, ...)
  • Redux : définition et installation
  • Les actions
  • Les reducers
  • Le store
  • Utilisation avec React (react-redux)
  • Le composant Provider
  • Les containers
  • Le HOC connect
  • La méthode mapStateToProps
  • La méthode mapDispatchToProps

12 - Les tests

  • Introduction au framework Jest (setup, teardown, describe, it)
  • La React testing library (cleanup, render, fireEvent)
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéo-tutos pour vous accompagner dans la mise en oeuvre de vos acquis
Objectifs

Les objectifs de la formation

  • Connaître les spécificités de ReactJS
  • Savoir développer des applications web performantes avec ReactJS
  • Concevoir une SPA avec ReactJS et Flux
  • Comprendre le subset JavaScript JSX
  • Optimiser les performances des RIA
  • Comprendre les impacts du choix d'une architecture incluant ce type d'application
Pédagogie

Pédagogie

  • Répartition théorie/pratique : 45% / 55%
  • Cette formation se compose d'une alternance d'apports théoriques, de travaux pratiques s'articulant autour d'une application fil rouge, de démonstrations, de phases d'échanges entre participants et de synthèses de la part du formateur
  • Ressources pédagogiques : un guide d'animation, un ordinateur connecté à Internet par participant, un support de cours en français, un cahier d'ateliers
Points forts

Les points forts de la formation

  • Une pédagogie rythmée et variée fondée sur une alternance d'apports méthodologiques, d'ateliers pratiques et de phases d'échanges.
  • Une vue d'ensemble des fonctionnalités du Framework ReactJS.
  • Les retours d'expériences et conseils de consultants experts.
  • 94% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 24 derniers mois.

Qualité des formations

ib - groupe Cegos est certifié Iso 9001 et Qualiopi.

Financement

Les solutions de financement

Cette formation est éligible à l'action collective campusAtlas "Développement web".

Dates et villes

Mise à jour le 09/12/2022

Trier par:

  • 1 890,00 € HT
    Places disponibles
    Session garantie

    Nous réalisons 96% des sessions garanties.
    Il est possible que, pour des raisons pédagogiques, nous estimions que la session ne peut-être maintenue, nous vous proposerons alors de vous reporter sur une autre date à distance ou dans une ville proche.

    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
  • 1 940,00 € HT
    Places disponibles
    S'inscrire
    Le lieu de formation sera indiqué environ 3 semaines avant le début de la formation
Formation - ReactJS - Développement d'applications Web