Ну вы не виноваты что я незнаю пока как работать с react. Я совсем начинающий я только html и css учусь делать.

Зря

Учиться делать - самое бестолковое занятие которым ты можешь потратить свое время

Ну я учусь делать на реальном проекте )

Хах, еще более бестолковое занятие, аж для двух человек

А какое не безтолковое?

Правильный вопрос :)

И как тогда из "не умею" стать "умею и мои нвыки принесут вам прибыль"?

зачем?

А ты родился умеющим?)

Нет. Но если учиться глупо, то как тогда начать уметь?

Я сам недоумеваю.

за тем же за чем и свайпер предлагали

Nы, как разработчик, должен понимать предметную область и ее контекст.

В данном случае ты реализуешь список фильтров, которые будут выбираться «мульти-селектом», ну, как мне кажется из увиденного. Ведь это же будет форма (да-да, фильтры это форма). Это первое.

Второе, ты должен понимать то как тебе эти данные (для твоего селекта) будут поставляться. В идеале.

Третье, ты должен понимать то как то что ты разрабатываешь будет работать, с точки зрения пользователя.

Собственно в твоем видео вопросе почти все данные, для работы есть. Не забывай что правильно поставленный вопрос, содержит большую часть ответа.

Теперь то как это можно было бы реализовать.

Вводные: у тебя в базе есть цвета, их может быть много, а может быть мало.

Если их много, то ты в верстке делишь список на две группы: те что будут отображены и те что нужно будет отобразить по запросу пользователя. По этой причине ты рисуешь 5 + кнопку «еще».

Если элементов меньше чем заявлено в ограничениях, ты показываешь список без кнопки «еще»

Теперь про кнопку «еще», данные для ее работы могут быть либо уже получены при первом запросе, либо дополнительно запрошены через ajax.

В первом случае у тебя может быть объект типа:

{
«main»: [elements]
«additional»: [elements]
}

собственно по additional ты понимаешь надо или нет рисовать кнопку «еще»

При клике на кнопку тебе надо добавить элементы из additional в блок селекта и убрать кнопку «еще».

Думаю алгоритм понятен, а загуглить как добавлять элементы ты сможешь сам 🙂 Для реализации твоей задачи не нужны библиотеки или фрэймворки.

ПС: Старайся искать понимание задачи - алгоритмы того как реализация должна выглядеть. И только потом искать инструменты для ее решения.

Спасибо 🙏

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

Такое и без js на css можно реализовать.
Див контейнер со скролом.
Если элементов меньше Х, то скрол скрыт.
Три точки завязать на input чекбокс.
Если нажат чекбокс, то скрытым элементам изменить свойство.

пиши в личку если не разберешься

Привет всем . У кого-нибудь была проблема с установкой gulp-imagemin?

При таком раскладе скрол можно будет кастомизировать?