Экосистема

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

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

На этой странице мы приводим только часть из данного списка репозиториев, функционал которых был лично проверен разработчиками Redux. Однако пусть это не ограничивает вас в экспериментах со сторонними модулями. Экосистема Redux растет очень быстро, но нам не хватает времени, чтобы отслеживать все изменения.

Итак, ознакомьтесь с нашим "избранным" и не стесняйтесь делиться своими наработками, если вы сделали что-то удивительное с Redux.

Изучение Redux

Скринкасты

  • Getting Started with Redux — Learn the basics of Redux directly from its creator (30 free videos)
  • Learn Redux — Build a simple photo app that will simplify the core ideas behind Redux, React Router and React.js

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

  • Official Examples — A few official examples covering different Redux techniques
  • SoundRedux — A SoundCloud client built with Redux
  • grafgiti — Create graffiti on your GitHub contributions wall
  • React-lego — How to plug into React, one block at a time.

Туториалы и статьи

Обсуждения

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

Адаптеры (Bindings)

Промежуточное ПО (Middleware)

  • redux-thunk — Самый легкий способ создавать асинхронные генераторы действий (action creators)
  • redux-promiseFSA-совместимый promise middleware
  • redux-axios-middleware — Redux middleware for fetching data with axios HTTP client
  • redux-observable — RxJS middleware for action side effects using "Epics"
  • redux-cycles — Handle Redux async actions using Cycle.js
  • redux-logger — Логирование каждого Redux действия (action) и следующего состояния (state)
  • redux-immutable-state-invariant — Предупреждения об изменениях состояния во время разработки
  • redux-unhandled-action — Warns about actions that produced no state changes in development
  • redux-analytics — Аналитика для Redux
  • redux-gen — Generator middleware for Redux
  • redux-saga — An alternative side effect model for Redux apps
  • redux-action-tree — Composable Cerebral-style signals for Redux
  • apollo-client — A simple caching client for any GraphQL server and UI framework built on top of Redux

Маршрутизация (Routing)

  • react-router-redux — Ruthlessly simple bindings to keep React Router and Redux in sync
  • redial — Universal data fetching and route lifecycle management for React that works great with Redux

Компоненты (Components)

  • redux-form — Поддержка Redux-состояний (stores) для html-форм, использующихся в React
  • react-redux-form — Create forms easily in React with Redux

Улучшения Reducer

  • redux-batched-subscribe — Настройка групповых и отложенных вызовов для подписавшихся на store
  • redux-history-transitions — переходы по History основанные на произвольных действиях (actions).
  • redux-optimist — Оптимистичное использование действий (action) с возможностью их совершения или отмены в дальнейшем.

    От переводчика: например, можно инициировать ADD_TODO action, state изменится, UI обновится мгновенно, а затем отправится запрос на сохранение на сервер. Если на сервере все прошло успешно, то все ок и больше ничего не произойдет. Но если же что-то пошло не так, то state будет "отмотан" до состояния когда ADD_TODO action еще не был применен, state изменится, UI снова обновится мгновенно. Т.е. UI будет выглядеть так, словно ничего и не произошло.

  • redux-optimistic-ui — A reducer enhancer to enable type-agnostic optimistic updates
  • redux-undo — Позволяет без усилий получить undo/redo-функциональность и историю действий для редюсеров
  • redux-ignore — Ignore redux actions by array or filter function
  • redux-recycle — Сброс состояния Redux для определенных действий
  • redux-batched-actions — Отправка нескольких действий с уведомлением одного абонента
  • redux-search — Automatically index resources in a web worker and search them without blocking
  • redux-electron-store — Store enhancers that synchronize Redux stores across Electron processes
  • redux-loop — Sequence effects purely and naturally by returning them from your reducers
  • redux-side-effects — Utilize Generators for declarative yielding of side effects from your pure reducers

Утилиты (Utilities)

  • reselect — Простая библиотека "селекторов", нашедшая вдохновение в геттерах NuclearJS
  • normalizr — Упорядочивание вложенных ответов API для облегчения дальнейшего их использования в редюсерах
  • redux-actions — Уменьшение шаблонности в написании редюсеров и генераторов действий (action creators)
  • redux-act — An opinionated library for making reducers and action creators
  • redux-transducers — Transducer-утилиты для Redux
  • redux-immutable — Used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
  • redux-tcomb — Иммутабельные, с проверкой типов состояния и действия для Redux
  • redux-mock-store — Mock redux store for testing your app
  • redux-actions-assertions — Assertions for Redux actions testing
  • redux-bootstrap — Bootstrapping function for Redux applications

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

DevTools Monitors

  • Log Monitor — The default monitor for Redux DevTools with a tree view
  • Dock Monitor — A resizable and movable dock for Redux DevTools monitors
  • Slider Monitor — A custom monitor for Redux DevTools to replay recorded Redux actions
  • Inspector — A custom monitor for Redux DevTools that lets you filter actions, inspect diffs, and pin deep paths in the state to observe their changes
  • Diff Monitor — A monitor for Redux Devtools that diffs the Redux store mutations between actions
  • Filterable Log Monitor — Filterable tree view monitor for Redux DevTools
  • Chart Monitor — A chart monitor for Redux DevTools
  • Filter Actions — Redux DevTools composable monitor with the ability to filter actions

Общественные соглашения (Community Conventions)

  • Flux Standard Action — Дружелюбный стандарт для Flux action объектов
  • Canonical Reducer Composition — Слишком самоуверенный (opinionated) стандарт для структуры вложенных редюсеров
  • Ducks: Redux Reducer Bundles — Предложение по связыванию редюсеров, типов действий и действий

Переводы

Прочее (More)

Awesome Redux — обширный список репозиториев, имеющих отношение к Redux. React-Redux Links is a curated list of high-quality articles, tutorials, and related content for React, Redux, ES6, and more. Redux Ecosystem Links is a categorized collection of Redux-related libraries, addons, and utilities.

results matching ""

    No results matching ""