массив товаров

Значит у вас есть стейт состоящий из массива, состояния загрузки, ошибки (к примеру)

В эффекте (когда нужно запрос отправить делаете следующее:

1. Меняете стейт состояния загрузки на true

2. Выполняете запрос (fetch)
3. Обрабатываете результат если нкжно

4. Меняете стейт состояния загрузки на false

5. Делаете return того что получили с сервера

На пунктах 1 и 4 будет новый рендер

В самом компоненте просто пишете
Что если состояние загрузки тру, то рисуем спиннер, иначе список товаров


Какие моменты нужно объяснить подробнее?

Ну и если покажете код, конечно помочь будет легче (обычно)

Если нужен рендер, то тоже могу отправить

Та самая функция

Я предполагаю, что отрисовка долго происходит из-за множества изображений, ибо он их все подгружает

Потому что один запрос отрисовывает минимум 60 изображений

А почему вы сразу data не рендерите через мапу, а через стор что-то вызываете?
Вероятно, это и вызывает задержку

Кстати через debug можете точки останова сделать и увидите как раз

Самое быстрое и очень пахнущее - там где запрос уберите отключение спиннера и перенесите его в getItems, либо дополнительно там сделайте ещё раз включение и отключение

Мне казалось, что раз есть централизованное хранилище, то лучше брать оттуда, разве нет?) Изменил, и кажется, действительно стало чуть быстрее отрисовываться

Я уже c этим кодом обращался - но теперь другой вопрос. Все рендерит хорошо, фильтр работает, но теперь следующая задача - сортировка по столбцам. Что у меня пока что есть - по клику по столбцам в стор записывается, по какому столбцу надо сортировать, точнее для соответсвующего столбца устанавливается значения тру. Идея следующая - будет проверяться у какого столбца стоит тру, и делать соответсвующую сортировку. Но пока не получается реализовать, да и разветвление получается громоздким. Как это лучше решить?

Скажу честно наделал такого, но я бы сделал так:
Создал на каждый столбец по функции (эвент) и повешал её на онКлик столбца, функция был просто перезаписывала стейт отсортированной копией

Ну либо , одну функцию, но передавать в нее имя столбца

Никаких тру не нужно тогда, просто по клику меняете стейт, изначально, если с сервера приходит без сортировки, можно в том эффекте вызвать этот ивент самому

Скажи как называется расширение, которое дописывает ‘fn, url’ и т.д.

Это ide WebStorm, а не расширение, чуть ускоряет разработку т.к не надо наводить на функцию чтобы посмотреть что за аргумент следующий идёт

стандартное шторма

Как называется эта опция в IDE?

Она встроенная, название не подскажу