Microcosm simplifie la gestion d'état des apps React

Viget Labs a publié une couche de données pour la très populaire bibliothèque d'interface utilisateur UI React de Facebook. Appelé Microcosm, l'outil open source gère l'état et le flux de données des applications React et conserve une trace des actions des utilisateurs même quand ils changent de contexte ou perdent leur connexion. Microcosm permet de se passer d'un code de référence et d’organiser les apps React. Selon Viget Labs, qui a lui-même utilisé Microcosm en production pendant deux ans, l’outil est une évolution de l'architecture d'application Flux de Facebook pour les applications Web côté client.

Microcosm permet de découper les gros projets en plusieurs blocs plus faciles à gérer. L’outil peut tracer les données de l'application, planifier le travail et charger les états depuis la couche de données. L’ambition de Microcosm est de devenir une sorte de Flux « sur batteries », comme l’a déclaré Nate Hunzaker, développeur principal de Viget et créateur de Microcosm. « Nous espérons éviter le blocage qui peut intervenir quand un outil propose une trop grande variété de choix », a expliqué Nate Hunzaker. « Nous voulons offrir aux développeurs une solution qui leur permettra d’aller de l’avant et de se concentrer davantage sur la construction de leur projet que sur sa configuration ».

Des règles pour ajuster les actions

Le concept d' « Actions », sur lequel repose Microcosm, est une approche globale de la réalisation d’une tâche. Au cours des différentes actions, les tâches sont placées en file d'attente pour évaluer l'état de l'application. Les actions peuvent traiter différents types de données et mettre en route un cycle de vie qui inclut l'ouverture, la mise à jour, le rejet et l'annulation. Les composants React peuvent s'abonner à une action en cours sans impact sur la couche de données.

Microcosm comprend aussi des « Domains» qui servent à définir des règles pour ajuster les actions dans leur nouvel état. Ces domaines sont équivalents aux Stores de Flux ou aux Reducers de Redux JavaScript, une bibliothèque qui permet de gérer le changement d’état d’une application. Enfin, les « Effects» offrent quant à eux une porte de sortie aux effets indésirables après une mise à jour de l’état par les domaines.

Un guide d'utilisation de Microcosm

Une fonction de forking, appelée « Presenters », dans Microcosm permet essentiellement de créer une application dans une autre application. Les « Presenters » créent de nouveaux référentiels qui reçoivent le flux d’état d’un Microcosm situé « en amont » et lui ajoutent un traitement propre des données. « Cette fonction est très utile pour les grosses applications. Elle permet d’éviter d’avoir à gérer un système entier », a expliqué l’auteur de Microcosm.

Dans sa feuille de route, Viget prévoit de créer des outils de développement pour travailler avec Microcosm et envisage d’ajouter le support d’autres framework comme Preact, Vue et Glimmer. Signalons enfin que l’éditeur a également publié un guide d’utilisation de Microcosm.