it-swarm.com.ru

В чем различия между Рэдксом, Реакцией-Редуксом, Рединксом-Тунком?

Я использую React + Flux. Наша команда планирует перейти от флюса к редуксу. Redux очень сбивает с толку меня из мира флюсов. В поток управления потоком - просто из Компоненты -> Действия -> Сохранять и хранить обновления обратно компонентов . Это просто и очень понятно.

Но в редуксе это сбивает с толку. Здесь нет магазина, да, есть примеры без использования магазина. Я прошел несколько уроков, кажется, у каждого свой стиль реализации. Некоторые используют контейнеры, а некоторые нет. (Я не знаю эту концепцию контейнеров и не могу понять, что делает mapStateToProps, mapDispatchToProps). 

  1. Может кто-нибудь четко объяснить, как происходит управление потоком в редуксе?
  2. Каковы роли компонентов/контейнеров/действий/создателей действий/магазина в избыточном количестве?
  3. Разница между Рэдекс/Реакция-Рэдукс/Рэдукс-Тхун/Любой другой ?? 
  4. Было бы очень полезно, если бы вы могли публиковать ссылки на любые простые и точные редукционные уроки. 
36
Chetan Motamarri
  1. Может кто-нибудь четко объяснить, как происходит управление потоком в редуксе? У Redux (всегда) один магазин.
  1. Всякий раз, когда вы хотите заменить состояние в магазине, вы отправляете действие. 

  2. Действие ловится одним или несколькими редукторами.

  3. Редуктор (ы) создают новое состояние, которое объединяет старое состояние и отправленное действие.

  4. Подписчики магазина уведомляются о появлении нового состояния.

  1. Каковы роли компонентов/контейнеров/действий/создателей действий/магазина в избыточном количестве?
  • Store - хранит состояние, и при поступлении нового действия запускает конвейер диспетчеризации -> промежуточное ПО -> редукторы и уведомляет подписчиков, когда состояние заменяется новым.

  • Компоненты - немые детали, которые не знают о состоянии напрямую. Также известен как презентационные компоненты.

  • Контейнеры - фрагменты представления, которые осведомлены о состоянии с использованием response-redux. Также известный как интеллектуальные компоненты и компоненты более высокого порядка


Обратите внимание, что контейнеры/умные компоненты против тупых компонентов - это просто хороший способ структурировать ваше приложение.


  • Действия - так же, как поток - шаблон команды с типом и полезной нагрузкой.

  • Создатели действий - DRY способ создания действий (не обязательно) 

  1. Разница между редуксом/реагировать-редуксом/редукс-толком/любым другим?
  • redux - поток как поток с одним хранилищем, который можно использовать в любой среде, которая вам нравится, включая Vanilla js, Reaction, Angular 1/2 и т. д.

  • response-redux - привязки между redux и реакцией, которые создают контейнеры (интеллектуальные компоненты), которые прослушивают изменения состояния магазина, подготавливают реквизиты и воспроизводят презентационные (немые) компоненты.

  • redux-thunk - промежуточное ПО, которое позволяет писать создателям действий, которые возвращают функцию вместо действия. Thunk может использоваться для задержки отправки действия или для отправки только при соблюдении определенного условия. Используется в основном для асинхронных вызовов api, которые отправляют другое действие в случае успеха/неудачи.

  1. Было бы очень полезно, если вы можете размещать ссылки на любые простые и Точные редукционные уроки.
51
Ori Drori

Чтобы ответить на заглавный вопрос:

В чем различия между Рэдксом, Реакцией-Редуксом, Рединксом-Тунком?

  1. redux: основная библиотека (не зависит от React) 
  2. redux-thunk: промежуточное программное обеспечение redux, которое помогает вам в асинхронных действиях
  3. reaction-redux: соединяет ваше хранилище с ReactComponents
10
webdeb
  • redux: библиотека для управления состоянием приложения. 
  • response-redux: Библиотека для управления React состоянием приложения. 
  • redux-thunk: промежуточное ПО для ведения журналов, отчетов о сбоях, общения с asyn API, маршрутизации и т. д.
0
sultan aslam