01 56 59 33 00
united-kingdom

ReactJS

4-JS-REA
4-JS-REA
Durée : 3 jour(s)
soit 21 heures
Prix : 1800 €
Programmes
INTRODUCTION ET RAPPELS ES6
  • Outils et IDE (Integrated Development Environment)
  • L’extension du navigateur React Developer Tools
  • Packaging, npm
  • Transpiler ECMAScript
  • Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow
LE FRAMEWORK REACTJS
  • Principes de base et comparaison avec les autres frameworks
  • Philosophie « composant »
  • Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App
  • Le DOM Virtuel et la réconciliation
LE JSX ET LES COMPOSANTS
  • Définition d’un élément React
  • Liaison avec le DOM (ReactDOM.render())
  • Syntaxe JSX
  • Les composants : définition et intérêt
  • Composants en mode classe et composants fonctionnels
  • Imbrication de composants
LES PROPS
  • Définition des props et transmission de données
  • Accéder aux props
  • La props.children
LE ROUTING ET LA NAVIGATION
  • Construire une SPA (Single Page Application) avec react-router-dom (version 6)
  • Le router, les liens, les routes, le switch
  • Les paramètres d’URL et les navigations imbriquées
LES HOOKS
  • Définition et comparaison avec les composants en mode « classe »
  • Hooks d’état (useState) et d’effet (useEffect)
  • Règles des Hooks et custom Hooks
SYNTAXE DES ÉVÈNEMENTS DANS LE JSX
  • Gestion des méthodes d’évènement (handlers)
  • Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
LISTES ET RACCOURCIS (MAP, FILTER)
  • Les clés (key) et le DOM Virtuel
  • Les fragments
  • Etat du composant et composants contrôlés
  • Gestion des formulaires et refs
IMMUTABILITÉ DES VARIABLES PARTAGÉES
  • Problème de la gestion d’état
  • Les actions, les reducers et le store
  • Utilisation avec React (react-redux)
  • Le composant Provider
  • Les containers
  • Utilisation avec les Hooks useSelector et useDisptach
INTRODUCTION AUX TESTS UNITAIRES
  • Le framework Jest (setup, teardown, describe, it)
  • La React Testing Library (cleanup, render, fireEvent)
REACT NATIVE : APERÇU ET UTILISATION POUR LE DÉVELOPPEMENT D’APPLICATIONS MOBILES
  • Server Side Rendering (SSR) : avantages et cas d’utilisation
BONNES PRATIQUES DE DEVELOPPEMENT EN REACT
Objectifs
Grace à cette formation vous pourrez
Être familier avec la syntaxe et les fonctionnalités ES6
Connaitre les principes de base du framework ReactJS
Comprendre la philosophie de React
Appréhender le modèle Redux, Flux & co
Construire une Single-Page Application basée sur React
Prérequis
Il est essentiel de
Connaitre JavaScript et de ses aspects avancés
Profil des participants
Architectes, développeurs et chefs de projets web
Dates des prochaines sessions :
Du 5 au 7 février 2024
Du 17 au 19 juin 2024
Du 9 au 11 octobre 2024
Grace à cette formation vous pourrez
Être familier avec la syntaxe et les fonctionnalités ES6
Connaitre les principes de base du framework ReactJS
Comprendre la philosophie de React
Appréhender le modèle Redux, Flux & co
Construire une Single-Page Application basée sur React
INTRODUCTION ET RAPPELS ES6
  • Outils et IDE (Integrated Development Environment)
  • L’extension du navigateur React Developer Tools
  • Packaging, npm
  • Transpiler ECMAScript
  • Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow
LE FRAMEWORK REACTJS
  • Principes de base et comparaison avec les autres frameworks
  • Philosophie « composant »
  • Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App
  • Le DOM Virtuel et la réconciliation
LE JSX ET LES COMPOSANTS
  • Définition d’un élément React
  • Liaison avec le DOM (ReactDOM.render())
  • Syntaxe JSX
  • Les composants : définition et intérêt
  • Composants en mode classe et composants fonctionnels
  • Imbrication de composants
LES PROPS
  • Définition des props et transmission de données
  • Accéder aux props
  • La props.children
LE ROUTING ET LA NAVIGATION
  • Construire une SPA (Single Page Application) avec react-router-dom (version 6)
  • Le router, les liens, les routes, le switch
  • Les paramètres d’URL et les navigations imbriquées
LES HOOKS
  • Définition et comparaison avec les composants en mode « classe »
  • Hooks d’état (useState) et d’effet (useEffect)
  • Règles des Hooks et custom Hooks
SYNTAXE DES ÉVÈNEMENTS DANS LE JSX
  • Gestion des méthodes d’évènement (handlers)
  • Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
LISTES ET RACCOURCIS (MAP, FILTER)
  • Les clés (key) et le DOM Virtuel
  • Les fragments
  • Etat du composant et composants contrôlés
  • Gestion des formulaires et refs
IMMUTABILITÉ DES VARIABLES PARTAGÉES
  • Problème de la gestion d’état
  • Les actions, les reducers et le store
  • Utilisation avec React (react-redux)
  • Le composant Provider
  • Les containers
  • Utilisation avec les Hooks useSelector et useDisptach
INTRODUCTION AUX TESTS UNITAIRES
  • Le framework Jest (setup, teardown, describe, it)
  • La React Testing Library (cleanup, render, fireEvent)
REACT NATIVE : APERÇU ET UTILISATION POUR LE DÉVELOPPEMENT D’APPLICATIONS MOBILES
  • Server Side Rendering (SSR) : avantages et cas d’utilisation
BONNES PRATIQUES DE DEVELOPPEMENT EN REACT
Architectes, développeurs et chefs de projets web
Il est essentiel de
Connaitre JavaScript et de ses aspects avancés

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 5 au 7 février 2024
Du 17 au 19 juin 2024
Du 9 au 11 octobre 2024

Réservez votre formation

Que cherchez-vous ?