La compréhension de composer des fonctions dans redux
J'ai essayé de créer un magasin en redux pour laquelle je suis actuellement en utilisant la syntaxe suivante:-
const middlewares = [
thunk,
logger
]
const wlStore = createStore(
rootReducer,
initialState
compose(applyMiddleware(...middlewares))
)
Ci-dessus fonctionne très bien pour moi et je peux accéder à la boutique, mais j'ai dernièrement, je suis tombé sur une autre syntaxe:-
const wlStore=applyMiddleware(thunk,logger)(createStore)(rootReducer)
Les deux semblent être en train de faire le même travail.
Est-il une raison à cause de laquelle je devrais préférer un plutôt qu'un autre? Avantages/Inconvénients?
Vous devez vous connecter pour publier un commentaire.
Amélioration de la lisibilité et le confort sont les principaux avantages de l'utilisation de la composition.
Composer est utilisé lorsque vous souhaitez passer plusieurs magasin exhausteurs de la boutique. Magasin amplificateurs sont des fonctions d'ordre supérieur que d'ajouter quelques fonctionnalités supplémentaires pour le magasin. Le seul magasin enhancer qui est fourni avec Redux par défaut est applyMiddleware cependant beaucoup d'autres sont disponibles.
Magasin amplificateurs sont des Fonctions d'Ordre Supérieur
Ce sont des fonctions d'ordre supérieur? Reformulation de l' Haskell docs:
De la Redux docs:
Ainsi, lorsque nous de la chaîne de notre des fonctions d'ordre supérieur (magasin activateurs) au lieu d'avoir à écrire
on pourrait simplement écrire
Ces deux lignes de code à faire la même chose. C'est seulement la syntaxe qui diffère.
Redux Exemple
De la Redux docs si nous n'utilisons pas de composer nous aurions
Alors que si nous utilisons composer
Pour en savoir plus sur Redux de la fonction compose cliquez ici