Formation Redux: Niveau Avancé

Tuto vidéo Distribuer des actions pour des nouveaux contacts

On voit les action redux en action pour mettre à jour les données : ajouter, modifier et supprimer
Présentation
Plan détaillé
Ressources
Discussion
Avis (0)

Description de la formation

Dans cette formation Redux, vous allez maîtriser les concepts avancés de la librairie Redux.

# Redux - Un conteneur d'état prévisible des applications JavaScript

Redux est une bibliothèque JavaScript qui sert comme un conteneur de gestion d'état des applications Web.

Redux vous aide à écrire des applications JavaScript qui se comportent de manière cohérente, s'exécutent dans différents environnements (client, serveur et natif) et sont faciles à tester. En plus, il offre une excellente expérience pour les développeurs, telle que l'édition de code en direct et combinée à un débogueur.

Vous pouvez utiliser Redux avec React ou avec to ute autre bibliothèque de vues. Il est minuscule (2 Ko, inclut les dépendances), mais dispose d'un large écosystème d'Addons.

# Vous allez voir dans cette formation Redux, niveau avancé

L'objectif de cette formation Redux de niveau avancé est de mettre en place un système de centralisation des données et des actions pour gérer la logique et les fonctionnalités de son fonctionnement global.

Et, lorsque votre application atteint une taillemoyenne, des solutions sont disponibles pour optimiser la maintenabilité et scalabilité de votre application sur le long terme.

Vous allez voir dans cette formation, les éléments et concepts suivants :

combineReducers, pour segmenter la gestion des fonctions reducers par logique métier.

mergeProps qui, en tant que troisième argument de la fonction connect, permet de transférer un seul objet props au composant enrobé.

Compose, la fonction utilitaire de programmation fonctionnelle, qui sert à imbriquer plusieurs fonctions pour optimiser le store avec de nouvelles fonctionnalités.

Pour optimiser le store, on utilisera les redux devTools ainsi que des middlewares comme redux-thunk pour faire de la programmation asynchrone et un autre que l’on va développer de zéro : un custom middleware pour afficher un log d’activités à chaque nouvelle action distribuée au store.

bindActionCreators pour regrouper les actions en un seul objet

createSelector, fourni par la librairie reselect qui permet comme compose d’imbriquer des fonctions et de créer des états globaux dérivés.

redux-persist, qui comme son nom l’indique, permet de persister les valeurs du store dans le stockage local du navigateur.

Vous allez aussi apprendre à utiliser les hooks fournis par la librairie react-redux pour connecter rapidement les composants fonctionnels au store, envoyer des actions et accéder aux states globaux.

Enfin, vous allez voir un chapitre entier sur la rédaction de tests unitaires pour tester le comportement des flux de données et s’assurer que les résultats obtenus correspondent aux résultats attendus.

+ Un projet d’application SPA (SinglePage Application)

Cette formation Redux se base essentiellement sur un projet d’application mon opage (SPA), dans le but de pratiquer ce que vous avez appris des explications de la formatrice dans les vidéos tutos.

Les fichiers nécessaires aux exercices pratiques sont accessibles et téléchargeables depuis les ressources de la formation.

+ La Formatrice experte Sandy LUDOSKY

Tout au long de cette formation Redux, vous serez épaulé-e par la formatrice experte et consultante en informatique Sandy Ludosky, qui vous aidera à maîtriser les techniques et concepts avancée de la librarie Redux.

Elle vous apportera aussi des astuces et bonnes pratiques à incorporer dans vos projets professionnels de développement Web Front End.

+ Un cursus complet de formations Redux à suivre

Le cursus des formations Redux se compose de :

Redux : Niveau Initiation

•Formation Redux - Niveau Avancé

Formation React, Redux et l'API Contexte : Créer un site e-commerce de A à Z

Formation React 16 et Intégration Redux : Fondamentaux et Avancé

Objectifs

Savoir l’origine, l’évolution et les concepts clés de la librairie Redux (Créateurs d’action, Reducer et Store) 

Comprendre les notions de "Single Source of Truth", immutabilité et flux de données unidirectionnel

Apprendre l’installation et usage des librairies Redux toolkit et Redux Core et d’autres bibliothèques pour ajouter une architecture centralisée à votre projet javascript

Apprendre l’usage des outils de développement et extensions de navigateurs (React developer tools et Redux developer tools)

Développer une application monopage (SPA) avec les librairies ReactJS et Redux

Prérequis

Avoir les bases fondamentales en HTML et CSS

Savoir les fondamentaux de la librairie JS React

Avoir les notions de base sur Redux

Savoir utiliser la commande line

Public concerné

Développeurs Front End voulant avancer dans ReactJS et Redux

Intégrateurs web avec des notions avancées en javascript, HTML et CSS

Les chefs de projet voulant savoir plus sur la librairie Redux

Toute personne voulant maîtriser le développement avec la librairie Redux

Formateur : Sandy Ludosky
Date de mise en ligne : 19-07-2021

Evaluations


5
(10 votes)
5
10
4
0
3
0
2
0
1
0
Ceci peut aussi vous intéresser