Публикации по теме 'redux'


Понимание Redux: базовая реализация магазина
В этом посте мы напишем упрощенную версию магазина Redux, чтобы понять, как он работает. Магазин Store - это центральный репозиторий, в котором хранится состояние вашего приложения. CreateStore Сначала мы создаем функцию createStore() , которая вернет хранилище, содержащее 4 части. 1. The store state 2. getState 3. subscribe (listening to changes on the state) 4. dispatch (updating the state) Каждый раз, когда вы вызываете createStore() , вы возвращаете объект,..
Status Machina: написание, возможно, лучшего кода, когда у вас есть поле с именем status (или type)
TL; DR; Любой объект с полем статуса - это конечный автомат. Делая конечные автоматы явными в коде, вы можете исключить плохое состояние и определенные классы ошибок, делая программы более понятными для человека. Есть открытые вопросы о явном явлении конечных автоматов в коде как в языковой разработке, так и во фреймворках. JS Promises - это тупик. Везде, где у вас есть поле с именем status, у вас есть конечный автомат. Государственные машины везде. Но какие они? Как мне узнать..
Почему Redux просит нас реализовать «редюсер»
Недавно я обучал базовому сокращению для нового клиентского проекта, и меня спросили, почему функция, написанная для построения нового состояния приложения на основе предыдущего состояния и действия, называется reducer . Мы можем найти ответ на этот вопрос, узнав о семействе функций из мира функционального программирования. Они известны под разными названиями, но, скорее всего, вы встретите их как fold или reduce . Простой математический пример Функция сокращения полезна для всех..
React: используйте Redux для управления состояниями модальной видимости
Легко управлять состоянием открытия и закрытия диалогов Модальные окна - это элементы пользовательского интерфейса, которые располагаются над главным окном приложения и помогают пользователям принимать решения, не нарушая текущий поток взаимодействия. Они также служат для предоставления обратной связи о действиях, инициированных пользователем, и представления некоторого контента без изменения текущего маршрута / страницы приложения. В этой статье я расскажу, как мы можем использовать..
useRedux - шаблон управления состоянием с помощью React Hooks
С тех пор, как была объявлена ​​функция React Hooks и API стал общедоступным, я думал о том, что это значит для Redux - хорошо известной библиотеки управления состоянием. Некоторое время раздаются голоса, что нам не нужен Redux , мы можем добиться того же с помощью React Context . Что ж, я думаю о Redux скорее как о шаблоне, чем о библиотеке. После дня игры с React Hooks я смог реализовать этот шаблон, используя context и hooks . Я покажу вам, как создать собственную оболочку..
7 шаблонов JavaScript, часть 2: синтаксис Spread
Вторая статья в серии из семи частей, посвященной шаблонам JavaScript, которые должны знать все младшие разработчики. *** Поддерживается в ES6 и выше, поддержка браузера в документации *** Сегодняшняя статья посвящена, вероятно, самой популярной функции ES6 - синтаксису распространения. Из-за своей популярности он уже был засыпан. Поэтому я не буду вдаваться в подробности, а мы подробно обсудим неизменность и наследование. Как выглядит оператор спреда? Как следует из..
Должен ли я использовать ImmutableJS с Redux?
Должен ли я использовать ImmutableJS с Redux? Redux - это библиотека управления состоянием, которую часто используют в паре с React . О чем меньше говорят, так это о том, как ImmutableJS может принести пользу Redux - и даже React. Сначала я остановлюсь на плюсах и минусах использования Immutable, а затем я расскажу, как интегрировать его в проект Redux / React, в другой статье. Хорошее Избавляется от ненужного копирования данных. Редукторы Vanilla Redux используют..