Redux: Документам нужна одна или несколько диаграмм.

Потрясающие! Спасибо!

Мне нравится ваша диаграмма, но тени и градиенты кажутся немного безвкусными. Может быть, вы могли бы вместо этого использовать сплошные цвета?

/ 2цента

Что такое селектор?

@Johnius Это то, что Connnector использует, чтобы сделать состояние более конкретным и кэшировать предыдущее значение.

@edge Это connect() ? Я не вспомнил о возможности кеширования там. Или это библиотека?

@Johnius Он не shouldComponentUpdate , используя старые реквизиты и выполняя неглубокую проверку равенства на новых реквизитах, по сути выполняя проверку кеша.

Наука согласна с тем, что визуальные эффекты важны: https://blog.slideshare.net/2015/08/31/the-scientific-reason-why-bullets-are-bad-for-presentations/

Я нашел это весьма полезным. однако никаких упоминаний о селекторах.

Еще одна диаграмма https://voice.kadira.io/rethinking-redux-f1e96daba60c#.9zs9rp0vf

Схема выше для удобства:

Потрясающие диаграммы! Возможно, диаграмма потока и редукции будет полезна для объяснения различий между ними - и того, как компоненты представления (реагируют) по-прежнему полностью разделены. Возможно, это относится к ранним частям документации по мотивации, @gaearon

@thongly Я работаю над черновиком, чтобы представить как архитектуру потока, так и архитектуру редукции.

Вы можете найти диаграммы, представляющие Flux / Redux и другие архитектуры однонаправленных потоков данных здесь

Любезно предоставлено http://makeitopen.com/tutorials/building-the-f8-app/data/ :

Эта диаграмма создает впечатление, что диспетчеру передается только тип действия, а не действие.

Адам

13 апреля 2016 г. в 14:15 Дэн Абрамов [email protected] написал:

Любезно предоставлено http://makeitopen.com/tutorials/building-the-f8-app/data/ :

-
Вы получаете это, потому что подписаны на эту беседу.
Ответьте на это письмо напрямую или просмотрите его на GitHub

Мне нравится f8, в нем всего три основных компонента, но видно, что происходит еще кое-что.

Также они действительно хороши (из http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/):

Основной поток

Побочные эффекты

Побочные эффекты с ПО промежуточного слоя API

@gaearon Мне они нравятся, за исключением «Диспетчера», которого AFAIK не существует в Redux и который отчасти путает его с Flux.

Да, наверное, это должна была быть «Диспетчерская функция».

Схема, найденная здесь, идеально впишется в учебное пособие по "счетчику": http://kenev.net/2015/09/06/redux-counter-sample-diagram/

Изображение не найдено. архив: https://web.archive.org/web/20160805065602/http : //kenev.net/images/2015/09/redux-counter.png
Архив статей: https://web.archive.org/web/20161005091221/http : //kenev.net/2015/09/06/redux-counter-sample-diagram

Схема построена в связке с прозой.

На данный момент скатывается до # 1785. Пожалуйста, держите PR с прибывающими диаграммами!

Мне очень нравится эта диаграмма:

Найдено в этой статье: http://codesheep.io/2017/01/06/redux-architecture/

Вот диаграмма, которую я сделал на основе той, которую @gaearon поделился со слайдами @terpiljenya .

моя простая диаграмма:

Общий обзор того, как состояние может быть изменено в redux. Этот снимок экрана взят из курса Удеми Стивена Грайдера.

Если вам интересно узнать больше о мутации состояния в redux:
https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

Если вам интересен его курс:
https://www.udemy.com/react-redux/

Я с нетерпением жду официальной диаграммы потока данных ...

точно так же, как это сделал vuex.

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

Также они действительно хороши (из http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/):

Основной поток

Побочные эффекты

Побочные эффекты с ПО промежуточного слоя API

Здравствуйте, мне нравится ваша графика. Как вы их сделали?

@gaearon Мне очень нравится анимация, какой инструмент вы использовали?

@imvetri Я думаю, что для этого достаточно анимации Microsoft PowerPoint!

демонстрация

файл ppt демонстрации

Хорошо .. моя очередь ..
Создал его по схеме потока ..