Публикации по теме 'react-redux'
Редукс
Что такое редукс:-
Redux — это библиотека JavaScript с открытым исходным кодом для управления и централизации состояния приложения. Чаще всего он используется с такими библиотеками, как React или Angular, для создания пользовательских интерфейсов.
Зачем использовать избыточность:-
Обычно Redux используется, когда значение используется несколькими компонентами в вашем проекте React. Если вам нужно использовать состояние только в одном компоненте и нет другого компонента,..
Реагировать Редукс
Redux — это мощный способ позволить вашим реагирующим компонентам иметь доступ к данным вашего состояния, не передавая их в качестве реквизита. Состояния обычно передаются от родителей к ребенку, и обычно это легко поддерживать. Однако, как только вы масштабируете свое приложение, становится трудно поддерживать ваши состояния.
Обычно мои приложения следуют схеме, аналогичной той, что показана выше, где я инициализирую состояние в самом родительском компоненте (App), передаю его самому..
Заметки об архитектуре приложений React/Redux
Сегодня друг попросил меня выложить, что я знаю о создании приложений с помощью React и Redux . Поскольку я все равно трачу время на то, чтобы записать эти идеи, я решил опубликовать их здесь, чтобы они принесли наибольшую пользу наибольшему количеству людей. Архитектура приложений React/Redux сложна, и, поскольку существует так много гибкости в том, как вы можете соединять элементы, легко потеряться в мешанине из множества вариантов и компромиссов. Надеюсь, я смогу немного..
Рефакторинг существующего Redux с Redux Toolkit и хуками
В этом году на Reactathon одна из самых крутых презентаций, которую мне довелось увидеть, была с Марком Эриксоном. Он был там, чтобы представить некоторые современные методы Redux и, в частности, React Toolkit и использование постоянно популярных * хуков *. Это вдохновило меня вернуться и реорганизовать часть моего старого кода Redux с использования компонента «подключить» более высокого порядка к использованию Toolkit. Так что, если вы хотите провести рефакторинг Redux, чтобы..
Привет! Отличный учебник!
Привет! Отличный учебник!
Я новичок в React и следую этому методу с реагирующим шаблоном https://github.com/react-boilerplate/react-boilerplate для создания модальных окон в моем проекте, но получаю эту ошибку.
Можете ли вы помочь мне отладить проблему.
«Невозможно прочитать свойство modalType неопределенного в Function.mapStateToProps [как mapToProps]»
Создайте мультитематическое веб-приложение, используя модули React Redux и CSS.
Структура папок
Следующая структура папок предназначена для этого простого проекта, а для более сложных проектов она будет другой.
|- App.js/ # основной компонент
|- App.module.css/ # стилей
|- store/ # хранилище избыточности
| — — действия/ # избыточные действия
| — — — index.js
| — — редукторы/ # редукционный редуктор
| — — — index.js
Стили
у нас есть только два класса Light и Dark в нашем файле App.module.css :
.Light {
background-color:..
Реакт Редукс проект
Этот проект реализован, чтобы понять связь между реакцией и редукцией.
Требования к проекту
Пользователю необходимо ввести имя автора цитаты в текстовое поле Name и текст цитаты в текстовом поле Body . Как только пользователь нажмет кнопку «Отправить», на экране отобразится новый компонент. На приведенном выше экране отобразятся детали предложения в виде списка UL. Пользователь сможет отредактировать название и текст предложения, щелкнув соответствующий элемент списка..