Публикации по теме 'redux'
Привет, Франлеплант!
Привет, франлеплант ! Я делаю HOC, который должен добавить функциональность компоненту, который он обертывает. Этому HOC нужны данные из redux, поэтому ему необходимо реализовать соединение HOC поверх WrappedComponent, однако компоненты, которые он будет обертывать, также должны быть подключены к хранилищу по разным причинам.
Короче говоря, мне нужно подключить ( A ) HOC, который соединяет ( B ) WrappedComponent, который получает свойства от A и B.
Моя проблема в том, что..
«Извлеченные уроки»: vanilla React vs. React + Redux + TypeScript
Обеспечьте долгосрочную стабильность разработчика при умеренной первоначальной стоимости
(Обратите внимание, что это краткое изложение личного опыта и впечатлений. Оно не предназначено для исчерпывающего введения в какую-то конкретную тему. Эта статья, в первую очередь, предназначена для использования в качестве ориентира для размышлений, эта статья может отличаться от вашего опыта работы с этими технологиями.)
Цель:
Служить ссылкой для всех, кто пишет новое приложение React и..
Серия React — Приложение Weather — Часть 3
Привет, в часть 2 мы внесли некоторые изменения в структуру проекта и добавили избыточные компоненты. Теперь создадим новые компоненты, но перед этим вспомним интерфейс приложения:
Как видите, нам нужно построить немного графики, и для этого мы перейдем к другому компоненту: реактивным спарклайнам.
$ npm i react-sparklines
Теперь мы можем построить компонент диаграммы. Добавьте новый файл с именем chart.js в папку компонентов.
В этом компоненте мы используем..
1-й информационный бюллетень FaceySpacey в Reactlandia
Привет всем!
Прежде всего, я хочу поблагодарить вас за то, что вы были одним из наших первых сторонников. Я всегда буду помнить, кто вы такие. Я несколько раз анализировал список, чтобы попытаться запомнить ваши имена:
Это только начало. У нас в запасе намного больше.
ЧТО Я ДЕЛАЮ
Я хотел бы на секунду описать, чем я занимаюсь.
По сути, я провел около полутора лет с React (и React Native) и решил, что мне надоели различные обходные пути, и что я создам ситуацию для..
Уменьшение ада импорта действий Redux с помощью пространств имен в ES6
Импорт большого количества действий может быть беспорядочным в большом приложении Redux. Вот несколько советов, как сделать это более аккуратно и организованно.
Boilerplate
Перечислите все необходимые действия как именованный импорт. Этот метод может быть очень сложным в обслуживании.
import {
sendMessages ,
deleteMessage ,
markAsRead ,
} from './messageActions'
import {
openChat ,
closeChat ,
} from './chatActions'
// component code comes here
const..
Дымоход. Еще одна библиотека потоков
На этот раз для Vue.js
Все мы знаем, что фреймворки и библиотеки помогают разрабатывать масштабируемые веб-приложения. С React паттерн Flux стал широко использоваться для предсказуемого и удобного поддержания состояния.
Мы видели тонны реализации Flux, самая известная из них - Redux. Его можно использовать с Vue, но состояние не является реактивным по дизайну, поэтому мы потеряли огромную часть преимуществ Vue. Собственная библиотека управления состоянием - Vuex, разработанная..
Заметки об изучении Redux
Redux можно рассматривать как фреймворк для одностороннего потока данных + централизованное управление состоянием.
Магазин
Для централизованного управления состоянием вводится понятие магазина . В магазине должна быть возможность получить состояние и подписаться на магазин, чтобы получать уведомления об изменениях состояния. Теперь, чтобы обеспечить односторонний поток данных, состояние не должно и не может быть изменено напрямую.
Действие
Итак, как можно вызвать изменение..
