Публикации по теме 'redux'
React: рендеринг на стороне сервера и горячая перезагрузка
Углубляемся в разработку изоморфных / универсальных приложений
ОБНОВЛЕНИЕ: Если вы посмотрите мой репозиторий git, я обновил проект с помощью Webpack v3 и React Router v4 . Таким образом, части этой статьи устарели, но они все еще описывают проблемы, с которыми я столкнулся, и способы их решения.
Я собираюсь поделиться своим опытом создания шаблона. Если вы знаете, что такое Webpack, React и Redux, а также:
Вы хотите знать, как создать изоморфное / универсальное приложение,..
[Глава 2: Чтение и запись в Firebase] Список задач в реальном времени с помощью Firebase, React.JS, Redux
Как только мы закончили [Глава 1: Создание приложения для реагирования и настройка Firebase] Список задач в реальном времени с Firebase, React.JS, Redux . Эта глава посвящена чтению и записи данных в firebase.
Глава 2 2.1 Структура данных. 2.2 Знакомство с Redux. 2.3 Чтение и запись в firebase. 2.4 Создание представления.
Давайте начнем…
2.1 Структура данных
Структура данных в данном случае означает, как данные выглядят в нашей базе данных. Что будем хранить. Мы делаем..
Redux-thunk и асинхронные генераторы
Да, вы можете использовать генераторы ES6 + в качестве создателей действий. Возможно, вам больше не понадобится redux-thunk .
использование
Чем могут помочь генераторы? Вы можете создавать объекты действия для их отправки! Без упаковки каждый раз с dispatch :
Когда вы вызываете генератор, его тело не выполняется, но вместо него возвращается объект iterator . Обычно создатели действий заключаются в dispatch вызов, поэтому итератор будет отправлен в магазин. Для..
useReducer с промежуточным программным обеспечением Logger и Thunk, customHook
Здесь мы собираемся реализовать Custom Hook для улучшения useReducer React Hook, поэтому я ожидаю, что аудитория будет знакома с React Hooks , Redux-Logger и промежуточное ПО Redux-Thunk .
Как вы знаете, React добавил очень мощные функции в виде хуков, и наиболее интересной из них является useReducer для безболезненного управления сложным локальным состоянием. Для получения дополнительной информации посетите рассказ о замене Redux.js на useReducer + useContext React..
[Глава 1. Создание приложения React и настройка Firebase] Список задач в реальном времени с помощью Firebase, React.JS,
Это мой первый рассказ на английском языке, некоторые предложения могут содержать неправильную грамматику.
Хорошая отправная точка для React + Redux: https://www.babelcoder.com/blog/posts/react-redux-isomorphic-day3-introduction-to-redux (тайский язык)
Эта история о разработке онлайн-приложений в реальном времени с помощью Google Firebase , React.JS и Redux .
Никаких знаний и опыта в области серверной части или баз данных не требуется, потому что мы собираемся использовать Google..
Уменьшение количества ошибок с помощью Flow
Уменьшение количества ошибок с помощью Flow
Что такое поток?
Поток проверяет класс, решая, какой класс имеют многие переменные. Мы можем ожидать, что эта переменная является этим классом, и код будет более читабельным. Кроме того, если переменные имеют неправильный класс, Flow реагирует на это, и мы можем знать, что этот класс не подходит.
Как использовать в Редукс
Во-первых, мы должны кодировать ниже.
// @flow
Записанный файл имеет функцию Flow checker.
Во-вторых, мы..
Redux Saga - Mock API и тестирование Blackbox
В этой статье показана базовая настройка приложения React, включая конфигурацию управления состоянием Redux и Redux Saga для асинхронных побочных эффектов состояния. В дополнение к этому будет объяснена установка для тестирования. Обратите внимание, что вы можете сделать это точно так же в приложении React Native!
Итак, эта статья будет о:
Настройка базового приложения React Настройка Redux с вашим приложением Добавление промежуточного программного обеспечения Redux Saga в вашу..