Description

Les applications front-end affichent de plus en plus de données, et ce, de façon de plus en plus complexe. Ainsi, il n'est pas rare d'avoir des éléments qui sont réutilisés d'un écran à l'autre. Si ce scénario n'est pas prévu à la conception, cela peut provoquer une sur-sollicitation de l'API, qui va nuire à l'expérience utilisateur.

Afin d'éviter cela, une des solutions est la centralisation des données dans un magasin unique : le store. Le pattern qui répond à cette pratique s'appelle Redux. Initialement développé en JavaScript, la logique s'est vite propagée et a été modifiée (donnant naissance au pattern Flux).

Dans cette formation, nous verrons ensemble :

  • Comment fonctionne le pattern Redux
  • Comment implémenter manuellement les objets nécessaires à son fonctionnement
  • L'utilisation d'une librairie communautaire
  • Les bonnes pratiques pour l'implémentation

Le cours comprends également la reprise de l'exercice de gestion des pizzas du cours d'introduction à Blazor pour utiliser un store Redux.

A la fin de cette formation, vous aurez toutes les informations pour adjoindre à votre application Blazor un store Redux qui centralisera votre communication avec l'API et vous offrira des outils pour simplifier la gestion des données de votre application.

Au menu 🍽

  • ▶️Création du state (voir gratuitement)
  • ▶️Création des actions
  • ▶️Création des reducers
  • ▶️C# 9 à la rescousse
  • ▶️Service de gestion du store
  • ▶️Utilisation du service personnalisé
  • ▶️Installation et configuration de base Fluxor
  • ▶️Utilisation de Fluxor dans les composants
  • ▶️Utilisation des effects
  • ▶️L'événement StateHasChanged
  • ▶️Les middlewares en Fluxor
  • ▶️Revenir en arrière avec les ReduxDevTools
  • ▶️Les nouveautés Fluxor 4.0
  • ▶️Utiliser Fluxor en WebAssembly
  • ▶️Projet Pizza : Préparation de l'architecture
  • ▶️Projet Pizza : objets du store (lecture)
  • ▶️Projet Pizza : objets du store (écriture)

Avis