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 stage 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é : Nos formations sont accessibles aux personnes en situation de handicap

Télécharger le programme
INTER INTRA DISTANCE TUTORAT

À partir de

875,00 € HT / jour

2 200,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

2 750,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

2 200,00 € HT

Tarif remisé :

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
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

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

Lieu Date Remisé Actions
Bordeaux Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Bordeaux Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Distance Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Distance Du 30/09/2024 au 04/10/2024 Oui S'inscrire
Distance Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Lille Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Lille Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Lyon Du 09/09/2024 au 13/09/2024 Oui S'inscrire
Lyon Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Marseille Du 09/09/2024 au 13/09/2024 Oui S'inscrire
Marseille Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Montpellier Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Montpellier Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Nantes Du 16/09/2024 au 20/09/2024 Oui S'inscrire
Nantes Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Nice Du 09/09/2024 au 13/09/2024 Oui S'inscrire
Nice Du 16/12/2024 au 20/12/2024 Oui S'inscrire
Paris Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Paris Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Rennes Du 16/09/2024 au 20/09/2024 Oui S'inscrire
Strasbourg Du 16/09/2024 au 20/09/2024 Oui S'inscrire
Toulouse Du 02/09/2024 au 06/09/2024 Oui S'inscrire
Toulouse Du 09/12/2024 au 13/12/2024 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • 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.