Formation React.js + Redux

icon public

Public : Développeurs JavaScript

icon horloge

Durée : 5 jour(s)

Syllabus de la formation React.js + Redux

Pré-requis : Bonnes maîtrises de l'environnement JavaScript

Objectifs : Découvrir React.js et Redux

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT100293-F

Taux de satisfaction : 4,62 / 5

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme
INTER INTRA DISTANCE TUTORAT

À partir de

875,00 CHF HT / jour

2 200,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

2 750,00 CHF HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
Contacter Dawan
Logo React.js + Redux

Programme de Formation React.js + Redux

Introduction

Panorama des librairies disponibles
Rappels HTML5 et JavaScript
React.js : présentation, historique des versions
Installer l'environnement de développement (NodeJS/npm/yarn)
Présentation de la commande create-react-app

Atelier : Créer et démarrer un projet ReactJS

Découvrir ECMAScript

Spécification ECMAScript et implémentations
La Syntaxe Objet :
Evolution de la programmation orientée prototype
Syntaxe de classes : membres d'instances et membres de classe
Agrégation d'objets (mixins)
Héritage
Les fonctions fléchées
Design patterns
Définition de modules
Système natif de gestion des modules, chargement
Gestion des dépendances

Créer un projet React

Organisation d'un projet React
Architecture du projet
Personnaliser la configuration du projet
Comprendre le rendu d'un projet
Le Mode Strict

Concevoir des Composants

Définir un composant
Les composants fonction et classe
Utiliser les propriétés
Etats des composants
Le style (CSS/SASS) et les assets
Gestion des évènements
Relation entre composants
Utiliser la composition

Atelier : Créer plusieurs composants

Mettre en forme du contenu avec JSX

Présentation de JSX
Les éléments React avec et sans JSX
Le DOM virtuel
Les expressions et les attributs
Se protéger des attaques par injection (XSS)
Les conditions et les boucles
Les fragments

Atelier : Afficher, boucler et conditionner des jeux de données

Comprendre le cycle de vie d’un composant

Comprendre les cycles
Monter un composant
Ajouter des méthodes à un composant et des propriétés par défaut
Fixer des types de propriété

Atelier : Charger des données depuis une API

Utiliser le cycle de vie dans un composant fonctionnel: Les Hooks

Présentation des Hooks
Liste des hooks disponibles
Les hooks d'états et d'effet
Les bonnes pratiques et pièges à éviter
Les hooks personnalisés

Atelier : Créer et manipuler une todolist

Naviguer dans un projet React

Mise en place du Routing (React-router)
Rendu d’une route
Liens via les Router
Organiser les routes
Passage de paramètres liens, redirections

Atelier : Mettre en place la navigation

Communiquer depuis une application: Les Formulaires

Rappel des comportements en HTML et JavaScript
Les formulaires avec React
Les composants contrôlés et non contrôlés
Récupérer et mettre à jour des données
Valider et filtrer les données
Présentation des frameworks disponibles (React Hook Form, Formik)

Atelier : Créer un formulaire d'inscription

Utiliser Redux dans un projet

Présentation de redux
Les avantages apportés par les Store
Créer et configurer un Store
Les Actions et Les Reducers
Utiliser les Action Creators
La fonction connect()
Les Hooks Redux (useStore, useSelector, useDispatch)

Atelier : Mettre en place une authentification

CopyrightDepot Dawan

Dans ce cours nous apprenons à concevoir des applications web à l'aide du Framework Javascript React et de Redux

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Distance Du 20/01/2025 au 24/01/2025 S'inscrire
Distance Du 27/01/2025 au 31/01/2025 S'inscrire
Distance Du 12/05/2025 au 16/05/2025 S'inscrire
Distance Du 23/06/2025 au 27/06/2025 S'inscrire
Distance Du 01/09/2025 au 05/09/2025 S'inscrire
Distance Du 17/11/2025 au 21/11/2025 S'inscrire
Distance Du 08/12/2025 au 12/12/2025 S'inscrire
Genève Du 17/02/2025 au 21/02/2025 S'inscrire
Genève Du 24/02/2025 au 28/02/2025 S'inscrire
Genève Du 30/06/2025 au 04/07/2025 S'inscrire
Genève Du 01/09/2025 au 05/09/2025 S'inscrire
Genève Du 03/11/2025 au 07/11/2025 S'inscrire

Nos centres de formation

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Formateur très à l'écoute, très professionnel, les explications étaient top et les exercices en place ont permit d'approfondir ce qu'on apprend.
  • Cécile G.

  • Parcours des bases et de certains framework connus en lien avec REACT. C'est très bien.
  • David I.

  • Cours très complet. (On s'est assez peu servi du support de référence, les exemples de code étaient suffisants)
  • Le fait que nous ne soyons que deux participants a peut-être aidé, mais le formateur était très disponible, très à l'écoute, prêt à réexpliquer tout point difficile.
  • Agnès L.

  • Bon formateur, à l’écoute
  • Sylvain M.

  • Cours très bien expliqué et documenté
  • Pas d'hésitation à réexpliquer le cours pour qu'il soit compris par tout le monde, personne n'est laissé de côté
  • Très bon formateur à l'écoute
  • Enzo T.

  • Bon cours avec beaucoup d'exemples pragmatiques et répondant à mes attentes.
  • Formateur à l'écoute et disponible pour toutes mes questions.
  • Anthony R.

  • Le suis très satisfaite de pouvoir garder une trace du cours grâce aux slides reprenant tous le cours de la semaine.
  • Le formateur était très à l'écoute et toujours pret à décortiquer nos interrogations concernant les concepts abordés, ce qui me parait important pour suivre, cela m'a aidé.
  • Céline P.

  • Très bon matériel.
  • Rythme assez soutenu, beaucoup de notions à appréhender, plus avancées que dans mes attentes, mais code vu en formation et partagé qui sera utile à retravailler.
  • Formateur à l'écoute et qui n'hésite pas à aider en cas de problèmes. Explique bien les différents concepts.
  • Kristina K.

  • Rien à dire concernant l'environnement de travail. Très bon accueil. Tout a été mis en œuvre pour que la formation se déroule dans les meilleures conditions.
  • Le cours était riche et cohérent dans l'ensemble. La plupart des notions importantes en React ont été abordées. Des exemples qui aident à mieux comprendre la théorie. Création d'un support en React qui nous accompagne tout au long de la formation.
  • Très bonne maîtrise technique et communication. Formateur à l'écoute et disponible, qui prend le temps d'expliquer à travers des exemples.
  • Johan C.

  • Super formateur, décrit bien chaque étape pour faciliter la compréhension du code
  • Rayan N.

  • Merci Kevin pour cette semaine de formation sur React.
  • Mathias T.

  • Aucun souci sur le suivi de la formation à distance. Mais j'aurai préféré en présentiel sur Lyon
  • cours complets riches sur 1 semaine
  • Petite contrainte quand même sur la mixité du niveau des participants, vis-à-vis de ma dernière formation en "tête à tête" > Le rythme connait des ralentissements à ces moments là.
  • -2 point pour le pop up qui n'a pas voulu marcher mais +1 car on aura la réponse semaine prochaine je l'espère !!
  • Baptiste G.

  • les exercices étaient bien pensés, j'ai apprécié avoir une problématique à résoudre
  • Pierre-Yves C.