Публикации по теме 'reselect'
Понимание селекторов Javascript с повторным выделением и без него
Хотя селекторы не относятся к Javascript, React, Redux или Reselect, в этой статье основное внимание будет уделено их использованию в контексте этих технологий и предполагается, что вы хорошо разбираетесь в React и Redux. Итак, приступим!
Что такое селекторы?
В самом простом случае селекторы - это просто функции, которые используются для выбора данных подмножества из более крупной коллекции данных.
Метафора:
Представьте, что вы в большом магазине одежды ищете ремень. Вы..
Вопросы по теме 'reselect'
Reselect - имеет ли смысл передавать селектору только часть состояния
Мой магазин содержит массив goal s. Есть компонент Goal, который я подключаю к хранилищу redux с помощью connect (), поэтому он имеет goal в качестве реквизита.
У компонента Goal есть дочерние элементы, которым нужен весь целевой объект для...
1154 просмотров
schedule
08.09.2021
Использование Reselect в mapState для сложения значений селектора
Такое ощущение, что я упускаю здесь что-то простое.
Если у меня есть следующие селекторы (см. Код). Используя Reselect, как я могу объединить их вместе, чтобы создать новый селектор? Я хочу сделать что-то подобное ...
export const mapState =...
49 просмотров
schedule
09.11.2021
console.log (..) селектора 'Reselect' отображает f ()
Я использую шаблон реакции, который использует повторный выбор для чтения состояния редукции и сопоставляет его с реквизитами. Я пытаюсь прочитать состояние redux вне компонента реакции (скажем, в пользовательской функции, определенной в myUtil.js)....
803 просмотров
schedule
12.09.2021
React-redux + Reselect + immutable.js вызов многих подключений (производительность)
Не так давно начал работать с react, и у меня проблемы с производительностью.
Я использую response + redux + Reselect + immutable.js. У меня много данных (например, большая таблица с данными ~ 10 МБ).
Моя проблема: когда у меня ~ 10 000 строк,...
264 просмотров
schedule
20.10.2021
Библиотека Reselect возвращает функцию
Я пытаюсь использовать библиотеку повторного выбора в первый раз, и мне кажется, что я следую примерам до T, но, очевидно, что-то мне не хватает. Когда я пытаюсь использовать его, mapStateToProps думает, что я возвращаю функцию, а не объект, который...
240 просмотров
schedule
22.09.2021
Почему этот селектор повторного выбора вызвал повторную визуализацию?
Один из моих компонентов был повторным рендерингом, и я понял, что это из-за селектора allPageViews ниже:
const getPages = (state: IAppState) => {
return state.pages;
};
export const attachPageViews = createSelector(
getPages,
(pages)...
396 просмотров
schedule
27.09.2021
_mock.default.unsubscribe не является функцией React с использованием mock.js не может отказаться от подписки
Прилагаю полный пример этой задачи mock.js unsubscribe . У меня есть редуктор магазина (tbodyCommand.reducer.js), который должен взять 10 строк из данных, подписавшись на него, а затем от него нужно отказаться. Я использую стандартный метод...
92 просмотров
schedule
11.10.2021
Можем ли мы использовать мемоизацию Reselect с redux для каждого отдельного селектора (даже для самых простых геттеров)?
Я новичок в Redux и читал о нем неплохие вещи, включая технику запоминания (особенно с повторным выбором). Однако у меня есть вопрос, и я изо всех сил пытаюсь найти правильный ответ. Если мы добавим мемоизацию для каждого селектора (при условии, что...
158 просмотров
schedule
23.02.2022
Redux и Reselect и сохранение кешированных данных
Итак, насколько я понимаю, повторный выбор хорош для производного состояния между разными частями дерева состояний или производного состояния от разных редукторов. НО, а что, если у меня есть что-то вроде:
<ul>
<li...
900 просмотров
schedule
28.02.2022
Функциональный компонент Memoize с помощью react-redux, Reselect и React.memo ()
Я создал приложение на ReactJS 16.8.5 и React-Redux 3.7.2. Когда приложение загружает приложение, монтируется, устанавливается начальное хранилище и настраиваются подписки на базу данных для базы данных Firebase Realtime. Приложение содержит...
1029 просмотров
schedule
14.03.2022
Действительно ли требуется Reselect в примере списка Todo в Redux?
Я ищу способы улучшить производительность моего приложения React. После некоторых поисков я заглянул в Reselect. Но я не уверен, как работает пример .
В этом примере указано, что todos вычисляется каждый раз, когда компонент обновляется, что...
697 просмотров
schedule
10.04.2022
повторно выберите селектор с другим селектором, поскольку параметр не выполняется
Я пытаюсь использовать селектор повторного выбора в качестве аргумента для другого селектора:
import { createSelector } from 'reselect'
const productsSelector = state => {
return state.get('searchResults').get('products')
}
export const...
458 просмотров
schedule
26.05.2022
Как исправить производительность сортируемого редактируемого списка в Redux
Мой List отображает много ListItems (используя react-list для уменьшения числа на странице).
У ListItems есть редактируемые текстовые области, которые обновляют listItems часть моего хранилища избыточности при каждом нажатии клавиши....
52 просмотров
schedule
07.08.2022
Как я могу передать реквизит дочернему компоненту, который завернут в контейнер, используя повторный выбор?
Я пытаюсь передать реквизиты из родительского компонента в дочерний компонент, завернутый в контейнер. Я хотел бы использовать селектор для использования строки, которая передается в качестве реквизита, чтобы он мог выбирать подсостояние родительских...
64 просмотров
schedule
15.08.2022
React Native Redux: совместное использование реквизитов состояния и селекторов
В моем реагирующем приложении Redux в моей функции mapStateToProps мне нужно объединить некоторые элементы из состояния и некоторые селекторы, созданные с помощью повторного выбора.
По сути, у меня есть две вещи:
const mapStateToProps = (state)...
79 просмотров
schedule
15.09.2022
Как протестировать select (reselectSelector) с жасмином?
Я создаю приложение React и использую react-boilerplate в качестве моего базового проекта. Изучив Redux , Саги и повторно выбрать и запустил свои первые компоненты, я хотел бы написать соответствующие модульные тесты. Но, к сожалению, я не...
1023 просмотров
schedule
14.04.2023
Свойство экземпляра класса React предотвращает использование PureComponent
У моего компонента React есть реквизит, который представляет собой экземпляр класса, основанный на данных, поступающих из хранилища избыточности.
Причина этого в том, что гораздо удобнее работать с этими данными, используя класс и все его...
73 просмотров
schedule
08.05.2023
Использование веб-работника внутри селектора редукции
У меня есть состояние, которое содержит некоторые данные, которые я в настоящее время вычисляю синхронно в селекторе, используя библиотеку повторного выбора.
Поскольку это тяжелые вычисления, я подумал о том, чтобы сделать это в веб-воркере....
674 просмотров
schedule
15.02.2023
Каков наилучший способ получить данные из API в контейнер Redux с помощью Reselect в ReactJS?
Я знаю, что этот вопрос может показаться дублированным, но я не нашел хорошего решения по этому вопросу, особенно в сочетании с reselect .
Пожалуйста, рассмотрите следующий компонент контейнера redux:
export default connect((state, props)...
555 просмотров
schedule
29.03.2023
Состояние утверждений селектора React & Reselect осталось прежним после обновления
Я внедряю Reselect в свой проект и немного не понимаю, как его правильно использовать. После нескольких руководств и статей о том, как использовать повторный выбор, я использовал те же шаблоны, но все же некоторые вещи не работают должным образом....
3439 просмотров
schedule
10.11.2022