Best
 
Fantom Tag

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
  • Blended
PRESENTIEL OU CLASSE A DISTANCE
Durée
3 jours (21 heures)
activités à distance

Prix
2 090,00 €  HT

Référence
LI264
Dans vos locaux ou à distance
Durée
3 jours (21 heures)

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

Référence
LI264
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
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.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

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

Prérequis

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 (&&, 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

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
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
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.
  • 93% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

En savoir plus

Financement

Les solutions de financement

Spécial adhérents Atlas
Cette formation est éligible à l'action collective campusAtlas "Développement web".
En savoir plus sur les Actions Collectives Atlas.Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.

Sessions

Mise à jour le 23/03/2025
  • 2 090,00 € HT
    Places disponibles
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Grenoble
    Novotel Grenoble Centre 5-7 Place Robert Schuman
    38000 Grenoble
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Conde
    33000 Bordeaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Montpellier
    Espace Entreprise GAROSUD 48 rue Claude Balbastre
    34070 Montpellier
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Saint-Etienne
    Le Point Milieu 20 rue de la Presse
    42000 Saint-Etienne
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte, CS 37621
    31675 Labege Cedex
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Tours
    IBIS Style Tours Centre 4 place de la liberte
    37000 Tours
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Nancy
    IBIS Style Nancy 8 allee de la Geneliere
    54180 Houdemont
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26C, Bd du President Wilson
    67000 Strasbourg
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Metz
    Mercure Metz Centre 29 pl Saint-Thi�bault
    57100 Metz
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Angers
    Novotel Angers Centre Gare 1 rue Auguste Gautier
    49100 Angers
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulon
    Best Western Plus H�tel La Corniche 17 Littoral Fr�d�ric Mistral
    83000 Toulon
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    World Trade Center 2 rue Henri Barbusse
    13241 Marseille
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pele d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pele d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulon
    Best Western Plus H�tel La Corniche 17 Littoral Fr�d�ric Mistral
    83000 Toulon
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte, CS 37621
    31675 Labege Cedex
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Angers
    Novotel Angers Centre Gare 1 rue Auguste Gautier
    49100 Angers
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Montpellier
    Espace Entreprise GAROSUD 48 rue Claude Balbastre
    34070 Montpellier
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Tours
    IBIS Style Tours Centre 4 place de la liberte
    37000 Tours
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    World Trade Center 2 rue Henri Barbusse
    13241 Marseille
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Aix en Provence
    Pele d'activites d'Aix-en-Provence / Espace Cezanne 2eme etage 135, rue Andre Ampere
    13290 Aix-en-Provence
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Grenoble
    Novotel Grenoble Centre 5-7 Place Robert Schuman
    38000 Grenoble
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Lyon
    Le 6me Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Saint-Etienne
    Le Point Milieu 20 rue de la Presse
    42000 Saint-Etienne
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Marseille
    World Trade Center 2 rue Henri Barbusse
    13241 Marseille
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Bordeaux
    9 rue de Conde
    33000 Bordeaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulon
    Best Western Plus H�tel La Corniche 17 Littoral Fr�d�ric Mistral
    83000 Toulon
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Tours
    IBIS Style Tours Centre 4 place de la liberte
    37000 Tours
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Decouverte, CS 37621
    31675 Labege Cedex
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Strasbourg
    Immeuble l'Avancee 26C, Bd du President Wilson
    67000 Strasbourg
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Rouen
    Parc d'Activites Technologiques de la Vatine / Betiment Red Cow - 2eme etage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 2 090,00 € HT
    Places disponibles
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
  • 2 090,00 € HT
    Places disponibles
    Session garantie

    Cette session ne sera ni annulée, ni reportée, sauf cas de force majeure ou raisons pédagogiques. Nous vous proposerons alors de reporter l'inscription sur la ville la plus proche, ou à distance.

    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Defense 9
    92800 Puteaux
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Nancy
    IBIS Style Nancy 8 allee de la Geneliere
    54180 Houdemont
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Montpellier
    Espace Entreprise GAROSUD 48 rue Claude Balbastre
    34070 Montpellier
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Angers
    Novotel Angers Centre Gare 1 rue Auguste Gautier
    49100 Angers
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Metz
    Mercure Metz Centre 29 pl Saint-Thi�bault
    57100 Metz
  • 2 090,00 € HT
    Places disponibles
    S'inscrire
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
Formation - ReactJS - Développement d'applications Web