Экосистема

Redux — это крошечная библиотека, но её контракты и API тщательно подобраны для создания экосистемы инструментов и расширений.

Для получения подробного списка всего, что связано с Redux, мы рекомендуем Awesome Redux. Он содержит примеры, шаблоны, middleware, утилиты и многое другое. React/Redux Links содержит учебники и другие полезные ресурсы для всех, кто изучает React или Redux, а Redux Ecosystem Links перечисляет многие связанные с Redux библиотеки и дополнения.

На этой странице мы представим только несколько из них, которые лично проверили разработчики Redux. Не позволяйте этому отбить у вас желание попробовать остальное! Экосистема растёт слишком быстро, и у нас ограниченное время для просмотра всего. Рассматривайте эти как «выбор персонала», и не стесняйтесь отправлять PR, если вы создали что-то замечательное с помощью Redux.

Изучение Redux

Экранные записи

Начало работы с Redux — Изучите основы Redux напрямую от его создателя (30 бесплатных видео)
Learn Redux — Создайте простое приложение для фотографий, которое упростит основные идеи Redux, React Router и React.js

Примеры приложений

Официальные примеры — Несколько официальных примеров, охватывающих различные методы Redux
SoundRedux — Клиент SoundCloud, созданный с помощью Redux
grafgiti — Создавайте граффити на стене ваших пожертвований на GitHub
React-lego — Как подключиться к React, по одному блоку за раз.

Учебники и статьи

Доклады

Live React: Горячая перезагрузка и путешествие во времени — Увидите, как ограничения, наложенные Redux, делают горячую перезагрузку с путешествием во времени лёгкой
Очистка от мусора: использование React в инструментах разработчика Firefox — Узнайте, как постепенно мигрировать существующие приложения MVC в Redux
Redux: Упрощение состояния приложения — Введение в архитектуру Redux

Использование Redux

Связывания

react-redux — React
ng-redux — Angular
ng2-redux — Angular 2
backbone-redux — Backbone
redux-falcor — Falcor
deku-redux — Deku
polymer-redux - Polymer
ember-redux - Ember.js

Middleware

redux-thunk — Самый простой способ написания асинхронных создателей действий
redux-promise — Соответствующее FSA промис-middleware
redux-axios-middleware — Redux middleware для получения данных с помощью axios HTTP-клиента
redux-observable — RxJS middleware для побочных эффектов действий с использованием «Эпиков»
redux-cycles — Обработка асинхронных действий Redux с использованием Cycle.js
redux-logger — Ведение журнала каждого действия Redux и следующего состояния
redux-immutable-state-invariant — Предупреждает об изменениях состояния в режиме разработки
redux-unhandled-action — Предупреждает об действиях, которые не произвели изменений состояния в режиме разработки
redux-analytics — Middleware для аналитики Redux
redux-gen — Middleware для генераторов Redux
redux-saga — Альтернативная модель побочных эффектов для приложений Redux
redux-action-tree — Составные сигналы Cerebral-style для Redux
apollo-client — Простой кеширующий клиент для любого GraphQL сервера и фреймворка UI, построенного на основе Redux

Маршрутизация

react-router-redux — Бескомпромиссно простые связывания для синхронизации React Router и Redux
redial — Универсальное получение данных и управление жизненным циклом маршрутов для React, отлично работающее с Redux

Компоненты

redux-form — Сохранение состояния формы React в Redux
react-redux-form — Легко создавать формы в React с помощью Redux

Усилители

redux-batched-subscribe — Настройка группировки и отложенной вызова подписчиков хранилища
redux-history-transitions — Переходы истории на основе произвольных действий
redux-optimist — Оптимистическое применение действий, которые могут быть позже подтверждены или отменены
redux-optimistic-ui — Усилитель редуктора для включения типанезависимых оптимистических обновлений
redux-undo — Простое undo/redo и история действий для ваших редукторов
redux-ignore — Игнорировать действия redux по массиву или функции фильтра
redux-recycle — Сброс состояния redux при определённых действиях
redux-batched-actions — Отправка нескольких действий с одним уведомлением подписчика
redux-search — Автоматически индексировать ресурсы в веб-воркере и искать их без блокировки
redux-electron-store — Усилители хранилища, которые синхронизируют хранилища Redux через процессы Electron
redux-loop — Последовательность эффектов чисто и естественно, возвращая их из ваших редукторов
redux-side-effects — Используйте генераторы для декларативного получения побочных эффектов из ваших чистых редукторов

Утилиты

reselect — Эффективные селекторы производных данных, вдохновлённые NuclearJS
normalizr — Нормализация вложенных ответов API для более лёгкого потребления редьюсерами
redux-actions — Уменьшает объём рутинной работы при написании редьюсеров и создателей действий
redux-act — Библиотека с чётким подходом к созданию редьюсеров и создателей действий
redux-transducers — Утилиты трансдьюсеров для Redux
redux-immutable — Используется для создания эквивалентной функции Redux combineReducers , которая работает с состоянием Immutable.js.
redux-tcomb — Неизменяемое и проверочное по типам состояние и действия для Redux
redux-mock-store — Мок-стор Redux для тестирования вашего приложения
redux-actions-assertions — Утверждения для тестирования действий Redux
redux-bootstrap — Функция инициализации для приложений Redux

Инструменты разработчика

Инструменты разработчика Redux — Логгер действий с интерфейсом для путешествий во времени, горячей перезагрузкой и обработкой ошибок для редьюсеров, первая демонстрация на React Europe
Расширение инструментов разработчика Redux — Расширение для Chrome, которое оборачивает Инструменты разработчика Redux и предоставляет дополнительные функции

Мониторы инструментов разработчика

Монитор логов — По умолчанию монитор для Инструментов разработчика Redux с представлением в виде дерева
Монитор панели — Перемещаемая и изменяемая по размеру панель для мониторов Инструментов разработчика Redux
Монитор ползунка — Пользовательский монитор для Инструментов разработчика Redux для воспроизведения записанных действий Redux
Инспектор — Пользовательский монитор для Инструментов разработчика Redux, который позволяет фильтровать действия, проверять различия и прикреплять глубокие пути в состоянии для наблюдения за их изменениями
Монитор различий — Монитор для Инструментов разработчика Redux, который показывает различия между изменениями состояния Redux в результате выполнения действий
Монитор фильтрабельного лога — Монитор фильтрабельного дерева для Инструментов разработчика Redux
Монитор диаграммы — Монитор диаграммы для Инструментов разработчика Redux
Фильтрация действий — Составной монитор Инструментов разработчика Redux с возможностью фильтрации действий

Конвенции сообщества

Стандартный формат действий Flux — Человеко-ориентированный стандарт для объектов действий Flux
Каноническое объединение редьюсеров — Стандарт с чётким подходом к вложенному объединению редьюсеров
Утки: модульные редьюсеры Redux — Предложение по объединению редьюсеров, типов действий и действий

Переводы

中文文档 — Китайский
繁體中文文件 — Традиционный китайский
Redux на русском — Русский
Redux на испанском - Испанский

Ещё

Awesome Redux — обширный список репозиториев, связанных с Redux.
React-Redux Links — отобранный список высококачественных статей, учебных пособий и связанного контента для React, Redux, ES6 и многого другого.
Redux Ecosystem Links — категорированная коллекция библиотек, дополнений и утилит, связанных с Redux.