Alphorm – Formation Redux – Niveau Avancé
Alphorm – Formation Redux – Niveau Avancé
ISO + Fichiers source + Livre | Français | 4 H 08 Min | 7.3 Go
Maîtrisez les concepts avancés de la librairie Redux. Dans le cadre de cette formation avancée sur Redux, votre mission principale consistera à développer un gestionnaire de contacts capable de répertorier différentes catégories de contacts, tels que les amis, les contacts professionnels et familiaux. Chaque contact sera organisé dans une catégorie spécifique, avec un système de filtrage intégré pour une navigation simplifiée.
Vous devrez également mettre en œuvre des fonctionnalités avancées telles que la modification , la suppression et l’ ajout de nouveaux contacts via un formulaire intégré dans une modale développée avec React et la librairie Bootstrap 5. Pour faciliter le développement et le débogage, vous utiliserez des outils puissants tels que Redux DevTools et React DevTools . De plus, vous explorerez l’utilisation de middleware pour étendre les fonctionnalités du store Redux et écrire des tests unitaires afin de garantir la stabilité de votre application.
Ce projet captivant vous offrira une opportunité unique d’approfondir vos compétences en Redux en mettant en pratique des concepts avancés, tout en développant une application fonctionnelle et robuste. 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 Redux, 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.
Plus d’info:
_https://www.alphorm.com/tutoriel/formation-en-ligne-redux-niveau-avance
