Свързани публикации 'redux'


Как да използвате React Redux — По-лесно от изяждането на геврек
Нека да разгледаме набързо как можем да използваме Redux в приложение на React. Използването на Redux е малко по-различно от използването на vanilla Redux директно в JS приложение. За да може Redux да работи с React, трябва да добавим определени библиотеки, които ще работят като адаптер между ванилия Redux Library и React. Също така можем да използваме React Hooks, за да използваме или променим контекста, съхраняван в Redux По-новата версия на Redux ни предоставя библиотека с..

Библиотеката Redux никога не е била вдъхновена от Event Sourcing, защото авторът вече ми каза, че той...
Redux е библиотека, която прилага архитектура, вдъхновена от източника на събития Библиотеката Redux никога не е била вдъхновена от Event Sourcing, защото авторът вече ми каза, че не е познавал Event Sourcing, когато я е създал. Той е вдъхновен от нещо (поток), което може или не може да се основава директно на източника на събития. Имайки предвид начина, по който стоят нещата, има доказателства, че никой от тях не е базиран на него (може би просто вдъхновен, както казвате, което не..

Още идиоматични редуктори
[Тази кратка статия е извадка от документите на Закона ] Много хора се отказват от използването на превключвател в редуктори: Въпреки че това е естетическа преценка и в нея няма нищо лошо, има по-идиоматични начини. На първо място, изразът за превключване е лошите братовчеди на съвпадение на шаблони и предпазители : Това би било еквивалентът на нашия предишен пример в Haskell. Разбира се, можем да подобрим това, като използваме функциите на Haskell, особено, бих казал,..

Простотата на писане на чисти функции
JavaScript, React, Redux Въведение в чистите функции Чистите функции са силно предпочитани като градивни елементи във функционалното програмиране поради тяхната предвидимост и потенциал за повторно използване. Има няколко характеристики, които определят функцията като „чиста“. Ако се даде същия вход, ще получите същия изход. Без странични ефекти. Предсказуем изход Можем да предадем аргумент на чиста функция и да знаем, че независимо колко пъти изпълним тази част от кода, ще..

MapStateToProps причинява ли ненужни повторни изобразявания?
Ако сте разработчик на React, работещ върху не толкова тривиален проект, вероятно използвате Redux за управление на състоянието. Накратко, всичките ви свързани компоненти слушат за всякакви актуализации на store , глобалното състояние на приложението, а вашата функция mapStateToProps взема част от това състояние и го връща като подпори на вашия свързан компонент. Наскоро работех върху странен бъг по време на работа, включващ компонент, свързан с redux: потребител задържа курсора на..

Използване на Immer с React: прости решения за неизменни състояния
Защо Immer работи добре за неизменност на състоянието на React? В React използването на състояние Imutable позволява бързо и евтино сравнение на дървото на състоянието преди и след промяна. В резултат на това всеки компонент решава дали да се изобрази повторно или не, преди да извърши каквито и да е скъпи DOM операции. И се надявам, че вече знаете това; JavaScript е променлив и ние трябва сами да внедрим неизменността. Популярните библиотеки за управление на състоянието като..

Ефектът на плиткото равенство в React
Какво е плитко равенство? Плиткото равенство се проверява чрез повторение на ключовете на обектите, които се сравняват и връщане на true, когато стойностите на ключ във всеки обект са строго еднакви за всички ключове. Защо плиткото равенство е важно? React разчита на плитко равенство между текущото и следващото състояние/реквизити, за да реши дали да рендира отново или не. Плиткото сравнение е отрицанието на плиткото равенство. Изобразяване, ако shallowCompare върне true...