Слайдер нового поколения • Swiper Element • Web Components API

Подписаться 22 тыс.

Просмотров 34 тыс.

50% 1

🗂️ Смотри бесплатные курсы по фронтенд-разработке на канале:
🟠 Курс по HTML
🔵 Курс по CSS
🟡 Курс по JS
🟢 Курс Accessibility
⚪️ Мастер-класс по верстке для новичков
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS)
💬 Чат в телеграмме (помощь новичкам):
@friendlyFrontendChat
#shorts #frontend #фронтенд #css

Опубликовано:

8 мар 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 43

@AleksanderLamkov 2 месяца назад

📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 Чат: @friendlyFrontendChat ℹ Основной канал: @friendlyFrontend Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

@asjsit 2 месяца назад

Годно

@27FeetUnder 2 месяца назад

Реально, очень удобный синтаксис использования. Не надо думать, куда впихнуть js-код с инициализацией библиотеки, заморачиваться с классами для обозначения элемента на странице. Все бы так делали)

@AgnusDei. 2 месяца назад

Ого. Полезно, спасибо

@user-fd5le5bx9j 2 месяца назад

Спасибо, брат! Красава

@geek_muslim Месяц назад

До него был owl-carousel который работал с jQuery но всё же свайпер джс уже давно есть

@AleksanderLamkov 2 месяца назад

Ссылка на документацию: swiperjs.com/element

@MenuMoscow 2 месяца назад

Супер

@AndrewFloatrx 2 месяца назад

When React will release 19th version - web components got rebirth 😂

@bleckVirus 2 месяца назад

А мне нравится "splide" его и использую не самый крутой наверное но вполне удобный хоть и в js файлике настраивается но довольно просто

@nojik-ejik 2 месяца назад

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

@BigMother228 Месяц назад

А что к примеру переписывали у свайпера?

@nojik-ejik Месяц назад

@@BigMother228 та если б помнил, в основном бывает нужно заставить его вылазить за пределы области, анимацию немного по другому или по определенным условиям, хз даже что в пример поставить. Зачастую скидывают макет где дизайнер извращается а тебе приходится внедрять

@jonyonee 2 дня назад

@@nojik-ejik Да есть такое)

@militant6709 Месяц назад

Все еще юзаю старые версии так как в новых куча багов которые не фиксили, надо бы проверить что сделали на веб компонентах, но доверия как-то мало)

@bubblesort6368 2 месяца назад

Ну забыты веб компоненты нативные потому что если делать их без vue под капотом без какой либо реактивности не особенно удобно. Считай тоже что на ванила писать

@Yuriny_Zatei Месяц назад

Согласен. Но я тут Splide попробовал. Штука не хуже оказалась

@robles2145 2 месяца назад

Дада, а теперь попробуйте в некст эти веб компоненты внедрить

@c01nd01r 2 месяца назад

Это проблемы Next. Нормальные библиотеки поддерживают технологии платформы на которой они работают.

@igorb6934 2 месяца назад

В накст без проблем добавляются, указываем в конфиге компонентв исключения кастомные компоненты или через регулярку и все

@vladwolf444 Месяц назад

В angular ssr/universal тоже все без проблем

@un_defined 2 месяца назад

я испытывал дискомфорт работая с этой штукой в реакт/некст. а когда там не будет реакт- компонента, вообще досвидос

@user-jx8zx8uk2m 2 месяца назад

Мне очень понравился Splide для реализации каруселей, он изначально сделан для react\vue.

@insafsuz8864 2 месяца назад

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

@NeoCoding 21 день назад

@@insafsuz8864да я тож использовал, но приследует чувство, что прикрутить этот слайдер сложнее и дольше, чем с нуля написать

@ilya10rus 2 месяца назад

Ого

@Driver___ 2 месяца назад

Пробовал в проекте на Angular 16, так и не заработало.

@xelth Месяц назад

помоему такое надо самому писать а не импортировать... там же 3-5 строчек к слушателю мыши

@AleksanderLamkov Месяц назад

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

@xelth Месяц назад

@@AleksanderLamkov да нет... я как-то писал функцию для увеличения картинки при первом нажатии на весь экран и при втором на полное разрешение и при этом когда мышкой елозишь она двигается так что бы можно было рассмотреть ... в чужом слайдере будешь наверно 20ю строками описывать ... а в своем жаваскрипте это реально 5 строчек... ты наверно просто никогда не пробовал...

@xelth Месяц назад

ну ок 34 ... с413здел немного ... но смысл я думаю понетен