Публикации по теме 'redux'
Матч-реванш с реактивным маршрутизатором
Rematch - это оболочка для react-redux , упрощающая архитектуру вашего приложения и уменьшающая количество необходимого шаблонного кода. При использовании вместе с react-router-redux потребуется некоторый установочный код.
Поскольку react-router-redux предполагается использовать непосредственно с redux , использовать его с rematch непросто. Соответствующий код находится в настройках магазина rematch :
import createHistory from "history/createBrowserHistory";..
Достижение идеальной 100% -ной оценки аудита Google Lighthouse с помощью next.js
В этом посте рассказывается, как мы можем создать приложение React / NextJS с Redux, которое достигает 100% результатов аудита с серверным рендерингом, поддержкой локализации и может быть установлено как PWA и перемещаться в автономном режиме.
next.js
Next.js - моя новая любимая вещь. NextJS, созданный специально для реагирования, позволяет отображать ваше приложение реагирования на сервере с небольшим компромиссом с тем, как вы обычно создаете свое приложение.
Разработка..
Асинхронный с Redux Sagas
Сложное управление потоком побочных эффектов и тестирование
Создание приложения с помощью React может немного запутать, когда данные распределяются между компонентами, а разные состояния приводят к слишком большой сложности и трудностям. Redux - это легкий инструмент управления состоянием, который можно использовать с любой инфраструктурой или библиотекой JavaScript для поддержания согласованного и предсказуемого контейнера состояния. Сохраняя состояние приложения в одном глобальном..
Начало работы с Expo React Native Redux
Простое объяснение представления, действия, сохранения, состояния и редуктора.
В этой статье мы собираемся сделать простое объяснение редукса, которое охватывает представление, действие, состояние и редьюсер. После этого мы создадим приложение, чтобы продемонстрировать это.
Поток данных
Упрощенным объяснением является представление, содержащее кнопку для отправки действия.
Редьюсер внутри хранилища решает, как обновить состояние (источник правды) на основе действия и текущего..
Инкапсуляция логики приложения с помощью Reactors
Написав недавно материал об архитектуре приложений в целом, а также о маршрутизации в частности , я хотел написать что-то исключительно о том, что я называю реакторами .
По названию можно предположить, что Реакторы как-то связаны с React. Но на самом деле в некотором смысле верно обратное. Я использовал реакторы, чтобы максимально исключить представление ( например, React) от логики моего приложения. Название Реакторы возникло при попытке объединить Redux с актёрами ,..
Минимизируйте шаблон Redux с помощью «unionize» при использовании NgRx с Angular 5
Еще один встречный пример .
NgRx - это реализация Redux в Angular с использованием RxJS. Это гениально. Он сочетает в себе мощь Redux и RxJS и помогает создавать масштабируемую архитектуру при работе с большими приложениями.
Но недостатком является то, что для этого требуется много шаблонного кода.
Вот где действительно помогает объединение в профсоюзы .
Я использую unionize в течение последних нескольких месяцев на большой и сложной кодовой базе. У этого приложения были..
👂 Прослушивание действий в @ ngrx / store 👂
Эта проблема
Вам нужно запустить некоторый код после того, как было запущено определенное действие.
Например, вы хотите сбросить форму после того, как было запущено действие ADD_STORY_SUCCESS .
Решения
🤖 Добавить новый ключ
Добавьте еще один ключ к своему состоянию.
{
isSuccess: boolean
}
Затем вы можете прослушать такие изменения:
this.store.select(state => state.story.isSuccess)
.filter(v => !!v)
.subscribe(() => this.form.reset())
Мне..
