Redux: Les documents ont besoin d'un ou plusieurs diagrammes

Impressionnant! Merci!

J'aime votre diagramme, mais les ombres et les dégradés sont un peu criards. Peut-être pourriez-vous utiliser des couleurs unies à la place ?

/2cents

Qu'est-ce que le sélecteur ?

@Johnius C'est ce que le connecteur utilise pour rendre l'état plus spécifique et mettre en cache la valeur précédente.

@edge C'est une fonction connect() ? Je ne me souvenais pas de la possibilité de mise en cache là-dedans. Ou c'est une bibliothèque ?

@Johnius Il ne se met pas en cache tout seul, mais React le fait. Il implémente shouldComponentUpdate en utilisant les anciens accessoires et en effectuant une vérification d'égalité superficielle sur les nouveaux accessoires, essentiellement en effectuant une vérification du cache.

La science convient que les visuels sont importants : https://blog.slideshare.net/2015/08/31/the-scientific-reason-why-bullets-are-bad-for-presentations/

J'ai trouvé celui-ci très utile. aucune mention de sélecteurs cependant.

Un autre diagramme https://voice.kadira.io/rethinking-redux-f1e96daba60c#.9zs9rp0vf

Le schéma ci-dessus pour plus de commodité:

Superbes diagrammes ! Peut-être qu'un diagramme flux vs redux serait utile pour expliquer également les différences entre les deux - et comment les composants de présentation (réagir) sont toujours entièrement séparés. Cela appartient peut-être aux premières parties des documents de motivation, @gaearon

@thongly Je travaille sur un brouillon pour représenter à la fois l'architecture de flux et de redux.

Vous pouvez trouver des diagrammes représentant Flux/Redux et d'autres architectures de flux de données unidirectionnelles ici

Avec l'aimable autorisation de http://makeitopen.com/tutorials/building-the-f8-app/data/ :

Ce diagramme donne l'impression que seul le type d'action est transmis au répartiteur, plutôt que l'action.

Adam

Le 13 avril 2016, à 14h15, Dan Abramov [email protected] a écrit :

Avec l'aimable autorisation de http://makeitopen.com/tutorials/building-the-f8-app/data/ :

-
Vous recevez ceci parce que vous êtes abonné à ce fil.
Répondez directement à cet e-mail ou consultez-le sur GitHub

J'aime le f8, il n'a que trois composants principaux mais montre qu'il se passe plus.

De plus, ceux-ci sont vraiment sympas (de http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/):

Flux de base

Effets secondaires

Effets secondaires avec le middleware API

@gaearon J'aime ceux-ci, à l'exception du "Dispatcher" qui AFAIK n'existe pas dans Redux et le confond en quelque sorte avec Flux.

Ouais, ça aurait probablement dû être "Dispatch Function".

Le schéma trouvé ici s'intégrerait parfaitement dans un tutoriel "compteur" : http://kenev.net/2015/09/06/redux-counter-sample-diagram/

Image non trouvée. archive : https://web.archive.org/web/2060805065602/http://kenev.net/images/2015/09/redux-counter.png
Archive des articles : https://web.archive.org/web/20161005091221/http://kenev.net/2015/09/06/redux-counter-sample-diagram

Le diagramme est construit en conjonction avec la prose.

Enroulé dans # 1785 pour l'instant. Veuillez garder un PR avec des diagrammes à venir !

J'aime beaucoup ce schéma :

Trouvé dans cet article : http://codesheep.io/2017/01/06/redux-architecture/

Voici un diagramme que j'ai fait inspiré par celui que @gaearon a partagé à partir des diapositives de @terpiljenya .

mon schéma simple :

Un aperçu de haut niveau de la façon dont l'état peut être muté dans le redux. Cette capture d'écran provient d'un cours Udemy par Stephen Grider

Si vous souhaitez en savoir plus sur la mutation d'état dans redux :
https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

Si vous êtes intéressé par son cours :
https://www.udemy.com/react-redux/

J'attends avec impatience le diagramme de flux de données officiel...

tout comme vuex l'a fait.

https://vuex.vuejs.org/
https://vuex.vuejs.org/vuex.png

De plus, ceux-ci sont vraiment sympas (de http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/):

Flux de base

Effets secondaires

Effets secondaires avec le middleware API

Bonjour, j'aime bien vos graphismes. Comment les as-tu fait ?

@gaearon J'aime beaucoup l'animation, quel outil as-tu utilisé ?

@imvetri Je pense que l'animation Microsoft PowerPoint suffit pour cela !

démo

le fichier ppt de démo

Ok.. à mon tour..
Je l'ai créé à partir d'un diagramme de flux de flux.