Angular
Enterprise
./assets/drawing/angular-resources-libraries-ngrx.svg

Angular Lib: NgRx store

NgRx c’est une librairie bien connue dans le monde d’Angular qui permet de gérer de manière reactive l’état de l'application dans un store global centralisé (ngrx/store) ou dans un store local au composant (ngrx/component-store). Vous trouverez ci-dessous de nombreux utilitaires créés pour augmenter la puissance de NgRx et aider les développeurs à travailler plus efficacement avec NgRx.

  • ngrx est la bibliothèque de base utilisée par de nombreuses entreprises, en effet NgRx est la bibliothèque de gestion d'état la plus connue pour les applications Angular. ngrx
  • ngrx-ducks est une bibliothèque qui agit comme une couche supplémentaire au-dessus de NgRx. Il facilite la découverte de la base de code et fournit une API pour écrire des actions plus simples. ngrx-ducks
  • ngrx-vis crée automatiquement une visualisation graphique de chaque action dans une application Angular. ngrx-vis
  • ngrx-etc est une autre petite bibliothèque qui ajoute une fonction supplémentaire en plus du reducer NgRx, elle aide à écrire du code plus concis sans perdre l'immuabilité dans les fonctions du reducer. ngrx-etc
  • ngrx-forms est une bibliothèque qui aide les développeurs à utiliser NgRx pour créer des formulaires Angular complexes stockés dans l'état global de l'application. ngrx-forms
  • ngrx-graphql est une bibliothèque d'aide pour la conversion de sélecteurs faite par ngrx-entity-relationship en une requête GraphQL. ngrx-graphql
  • ngrx-entity-relationship est une bibliothèque qui facilite l'établissement de relations avec des entités dans ngrx/entity et ngrx/data. ngrx-entity-relationship
  • ngrx-entity-schematic est un schematic Angular complet pour le scaffolding rapide d'entités NgRx avec des actions, des effects, un reducer, un modèle, un service et des spécifications de test fonctionnelle. ngrx-entity-schematic
  • ngrx-store-storagesync fournit un moyen de synchroniser l'état d'une application Angular entre ngrx /store et le localstorage/sessionstorage. ngrx-store-storagesync
  • ngrx-store-localstorage est une autre bibliothèque qui facilite la synchronisation entre le store NgRx et le localstorage. ngrx-store-localstorage
  • ngrx-file-upload est une bibliothèque qui vise à gérer les téléchargements de fichiers à l'aide de NgRx. ngrx-file-upload
  • ngrx-wieder est une solution légère pour implémenter l'annulation-refaire dans les applications Angular au-dessus de NgRx. ngrx-wieder
  • ngrx-store-logger est un logger avancé pour les applications ngrx/store inspirée de redux-logger. ngrx-store-logger
  • ngrx-auto-entity est une alternative à ngrx/data dans le sens de la vision partagée pour fournir un moyen transparent de traiter les actions et effects d'entités standard avec des exigences de code répétitives minimales. ngrx-auto-entity
  • ng-helpers est une autre solution pour réduire le boilerplate nécessaire pour écrire les actions de gestion d'état, les effects et les reducers en tirant parti des génériques de Typescript. ng-helpers
  • ngrx-handlers est encore une autre solution au problème du boilerplate avec NgRx, cette librairie permet de combiner l’écriture de l’action et du reducer dans une seule fonction appelée combineHandlers. C’est une solution simple et efficace. ngrx-handlers
  • ts-action est un ensemble de diverses fonctionnalités utilitaires créées par Nicholas Jamieson visant à résoudre le problème du boilerplate des actions et enfin à fournir un moyen utile de travailler avec NgRx à différentes couches telles que les effects et les reducers. Il a été fusionné dans la version 7.4 de NgRx mais cette bibliothèque peut toujours être utile si vous ne pouvez pas mettre à jour votre app. ts-actionts-action
  • ngrx-testing facilite les tests de la base de code NgRx grâce à jest et jasmine-marbles. ngrx-testing
  • normalizr est une bibliothèque qui fournit un moyen simple de normaliser le JSON imbriqué selon un schéma. Normalizr
  • ngrx-store-freeze est une ancienne bibliothèque créée afin d'empêcher la mutation de l'état, ces vérifications ont maintenant été ajoutées à la bibliothèque officielle NgRx dans les fonctionnalités strictes. ngrx-store-freeze
  • ngrx-utils est un ensemble de fonctions utilitaires visant à faciliter le développement des applications Angular. Attention, la plupart de ces utilitaires ont maintenant été ajoutés à la bibliothèque officielle NgRx. ngrx-utils
  • eslint-plugin-ngrx est une bibliothèque de linting pour NgRx qui utilise eslint, elle vous aidera à écrire du code plus sûr et plus facile à maintenir. ngrx-tslint-rules
  • ngrx-tslint-rules est une bibliothèque de linting pour NgRx qui utilise toujours le linting déprécié tslint, elle vous aidera à écrire du code normalisé et plus facile à lire. ngrx-tslint-rules
  • ngrx-immer est une bibliothèque qui fournit des wrappers Immer autour des méthodes NgRx createReducer, on et ComponentStore. Cet utilitaire vous aidera à développer un store immuable sûr pour vos applications Angular.ngrx-immer
  • ngrx-correlation-id est une bibliothèque qui permet de suivre une activité asynchrone telle qu'une requête http, un effet ngrx ou tout autre élément asynchrone. ngrx-correlation-id
  • ngrx-child-selectors est un plugin NgRx visant à réduire le boilerplate pour la création de sélecteur, en effet il fournit une fonction createChildSelectors qui est utilisée pour créer des sélecteurs enfants mémorisés et fortement typés basés sur le sélecteur parent. ngrx-child-selectors
  • ngrx-rtk-query est un plugin permettant de faire fonctionner RTK Query avec des hooks générés automatiquement dans les applications Angular avec NgRx. Vous pouvez désormais combiner la puissance de RTK Query + NgRx + RxJS pour obtenir les mêmes fonctionnalités que dans la librairie RTK Query. ngrx-rtk-query
  • ngrx-slice est un plugin qui a l'intention de fournir les mêmes fonctionnalités que ce que le Redux Toolkit createSlice fournit mais directement intégré dans le NgRx. Un slice représente une partie de l'état global. Les avantages de l'utilisation de cette approche se traduisent par moins de boilerplate puisque les actions sont générées automatiquement en fonction du reducer et que les sélecteurs sont générés à l'aide de initialState. ngrx-slice
  • ngrx-action-bundles est une bibliothèque d'utilitaires qui promet de générer les actions NgRx et de connecter facilement les dispatchers et les listeneurs à votre base de code Angular. ngrx-action-bundles
  • rx-mind/ngrx-plugins est un ensemble de plugins NgRx pilotés par la communauté, pour le moment il y a deux plugins disponibles appelés entity-component-store et data-component-store et ces plugins vous aideront à travailler avec le nouveau NgRx Component Store d'une manière plus efficace. rx-mind/ngrx-plugins
  • trellisorg/platform est un ensemble d'outils rendus open source par la société Trellis. Vous trouverez dans le repertoire trois bibliothèques destinées à vous aider à travailler avec NgRx : ngrx-data-websocket, ngrx-universal-rehydrate et angularfire-ngrx. trellisorg/platform
  • ngrx-router-component-store est un plugin qui permet de connecter le routeur Angular au component store de NgRx. ngrx-router-component-store

En apprendre plus sur Angular

Liste des librairies de composants angular .