Публикации по теме 'react-redux'
Повторное использование контейнеров Redux с несколькими компонентами в React.
Если вы используете react-redux , то вы должны быть знакомы с приведенным ниже кодом.
// SomeContainer.jsx
const mapDispatchToProps = (dispatch) => ({
...
});
const mapStateToProps = (state) => ({
...
});
export default connect(matchStateToProps, matchDispatchToProps)( SomeComponent );
И затем в вашем файле, который обрабатывает маршрутизацию (или где-то еще). У вас получится что-то вроде этого.
<Route exact path="/some/path" component={ SomeContainer } />
Этот..
Как создать компонент настройки электронной коммерции с помощью react + redux и Material UI
Представьте, что у вас есть продукт, который вы хотите продать, и вы также хотите дать покупателю возможность настроить продукт. В этом руководстве показано, как добиться красивого стиля и настройки для вашего приложения с помощью различных библиотек пользовательского интерфейса, которые доступны для вас. Основное внимание в этом руководстве уделяется пользовательскому интерфейсу переднего плана.
Дизайн: Большое изображение
Компоненты в карусели: пользователи создают продукт, переходя..
Учебное пособие по React Native, шаг 16 — Модификации Login.js
Мы вернулись и снова смотрим на Login.js (вы еще не устали от него? 😂)
Сегодня мы рассмотрим функцию connect() из react-redux . Это функция, которая подключает компонент React к хранилищу Redux .
Этот connect() является связующим звеном между нашим хранилищем избыточности и нашим компонентом реагирования. Без него мы не сможем вызывать действия и редукторы, которые изменят данные в нашем хранилище.
TODO #1: Импортируйте connect() , добавив эту строку в..
Как управлять состоянием пользовательского интерфейса с помощью Redux
Вступление
Когда я впервые начал создавать приложения с помощью React и Redux, я не знал, как правильно управлять состоянием пользовательского интерфейса. Под состоянием пользовательского интерфейса я имею в виду такие вещи, как открытие и закрытие модальных окон, переключение левой / правой панели навигации и другие элементы пользовательского интерфейса, которые применяются ко всей оболочке приложения.
Вопросы о том, как обрабатывать состояние пользовательского интерфейса, постоянно..
3 вещи, которые я узнал о работе с данными в Redux
3 вещи, которые я узнал о работе с данными в Redux
Масштабирование для приложений Redux
Однажды я разговаривал со знакомым (назовем его Джоном). Джон и его коллега начали создавать приложение для обмена сообщениями, в котором они разработали интерфейс с использованием React и Redux. Они объясняли мне, как у них возникали проблемы с производительностью и организационные проблемы по мере роста их приложения. Они упомянули такие проблемы, как медленный рендеринг и постоянная потеря..
React, Redux и контейнеры
Избегая пропасти ада
Привет
Итак, вот моя первая попытка в этой игре-блоггере. Держитесь крепче, потому что это может стать ухабистым, за что я заранее прошу прощения. Не стесняйтесь оставлять конструктивный отзыв.
Вкратце обо мне, меня зовут Джордж Ли , я старший разработчик на www.sky.com и работаю в основном с JS, Node, React и Redux.
Шаблон контейнера
Итак, здесь я предполагаю, что вы знакомы с React , Redux и достаточно знакомы с ES6 .
React позволяет нам..
Начало работы с Redux
Однонаправленное управление состоянием с использованием редукторов, действий и диспетчеров
Привет! Сегодня я собираюсь поговорить об управлении состоянием с помощью Redux, фреймворка на основе Flux для обеспечения однонаправленного потока данных, когда дело доходит до управления состоянием в реакции. Этот популярный фреймворк, хотя и небольшой, произвел небольшое влияние и до сих пор используется. Изучение Redux может быть немного головной болью, когда дело доходит до того, чтобы..