Публикации по теме 'redux'
Почему Action - плохая репутация для Redux Action
И краткое размышление о том, как то, как мы называем вещи, влияет на наше когнитивное понимание абстрактных концепций, с которыми мы сталкиваемся каждый день.
Во-первых, немного предыстории. Я считаю себя разработчиком полного стека и уже несколько лет работаю с одностраничными приложениями. Я начал погружаться в React с самого начала его странных альфа-дней. Я выучил все зацепки, разжаловался и, к счастью, потерпел неудачу при кодировании приложения, достаточно сложного, чтобы..
Настройка производительности приложения Redux-React
Измерить производительность сложно, особенно в больших проектах, где вы можете даже не знать, с чего начать.
Вот почему в этом посте мы собираемся использовать один из моих небольших домашних проектов, и я постараюсь показать, как анализировать и улучшать производительность приложения с редукцией.
Инструменты, которые мы собираемся использовать в этом упражнении:
- react-dev-tools : для параметра выделения обновлений установлено значение true.
- профилировщик реакции : Это..
Пример приложения, использующего последнюю версию Angular с NgRx V. 9.0
Существует множество курсов и учебных пособий по Angular и NgRx, которые мы можем пройти, но всем нам трудно найти пример проекта, который мы можем создать для отработки основ.
Итак, давайте попробуем создать приложение-счетчик с небольшим количеством дополнительных функций, где мы также можем устанавливать и сбрасывать число, используя последние версии Angular, NgRx и Material.
Сначала займемся всеми настройками…
Прежде всего, у нас должна быть последняя версия node.js и..
Redux: объяснили mapDispatchToProps и mapStateToProps!
Следуя моему предыдущему посту о базовой настройке избыточности, теперь я расскажу, как связать компоненты вашего класса с избыточностью.
Сначала импортируйте следующее в свой компонент.
import { connect } from 'react-redux';
Теперь давайте подключим наш компонент к redux.
export default connect(mapStateToProps, madDispatchToProps)(Component);
Connect принимает два аргумента: mapStateToProps и mapDispatchToProps. Чтобы использовать их, нам понадобится действие. В этом случае я..
Функция JavaScript eval() для вычислений
Как я открыл для себя eval()…
Я нахожусь в процессе создания приложения React/Redux Gadget, в котором есть калькулятор, обновление погоды, конвертер единиц измерения и инструменты календаря. Во время разработки калькулятора я смог поместить все входные данные в одну строку и сохранить ее в хранилище Redux.
Я хотел реализовать логику в редюсере, а затем получить его из моего хранилища Redux с помощью функции mapStateToProps.
Мой первоначальный путь состоял в том, чтобы использовать..
7 смертных грехов использования React
Как испортить проект React и, возможно, даже отказаться от библиотеки.
Когда я заканчивал этот пост, моя шестилетняя дочь спросила, что я делаю. Я сказал ей, что пишу о том, как иногда люди создают программы неправильно. Она смущенно посмотрела на меня: «Зачем кому-то это нужно !?»
Реальность такова, что никто никогда не запускает проект с намерением потерпеть неудачу, но поскольку я работал с React в течение последних нескольких лет, я видел несколько общих паттернов неудач как у меня,..
Начало работы с Redux (что нужно помнить):
Основано на книге Дэна Абрамова Начало работы с Redux : Пожалуйста, идите, взгляните на это. Это потрясающе! Очень простой. кратко и очень хорошо объясняет весь Redux.
3 принципа Redux (или, если уж на то пошло, React):
Все изменения в приложении, включая данные и состояние пользовательского интерфейса, сохраняются в одном объекте состояния или в дереве состояний . Состояние — это минимальное представление данных или состояния пользовательского интерфейса. Состояние всегда..