Пишем галерею / slider отзывов на React с CSS анимацией и TypeScript
Рет қаралды 4,351
Күн бұрынПишем компонент галереи отзывов в виде слайдера с CSS анимацией на React и TypeScript без использования сторонних библиотек.
⚡ Мои курсы
Курс по React: purpleschool.ru/course/nextjs
Все мои курсы: purpleschool.ru
Курсы для тех, кто не из России: www.udemy.com/user/alariplay/
Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:13 - Обзор проекта
0:36 - План вёрстки
2:00 - Разметка компонента
12:50 - Стилизация
29:30 - Анимация и логика работы
@Max.Kozlov 2 жыл бұрын
Урааа ещё 40 минут потрясающего контента!
@PurpleSchool 2 жыл бұрын
Welcome!
@user-do4ld9ub1n 2 жыл бұрын
Круто спасибо, хотелось бы еще видео с полезными кастомными хуками типо Debounce, Throttle и тд.
@PurpleSchool 2 жыл бұрын
Хорошо, подумаю!
@user-kn3ut1sh2o 2 жыл бұрын
Полезный контент. Спасибо! Лайк, подписка!
@PurpleSchool 2 жыл бұрын
Спасибо!)
@katada 2 жыл бұрын
Бомба!
@PurpleSchool 2 жыл бұрын
Спасибо!)
@sengokusky1515 2 жыл бұрын
спасибо!
@PurpleSchool 2 жыл бұрын
Пожалуйста!
@louno89 2 жыл бұрын
Спасибо за видеоурок, пришла мысль, что вместо обработки через таймер, можно подменять слайд на такой же по размером блок заглушку, duration добавить в transition в css, и и для анимации не пришлось бы стейт добавлять, можно как альтернативный вариант рассмотреть, как думаете? спасибо.
@PurpleSchool 2 жыл бұрын
Можно сделать несколько реализаций. Например, ставить под него вторую картинку и делать анимацию на прозрачность. Вариантов много)
@user-qi7kl2jn3p Жыл бұрын
спасибо
@PurpleSchool Жыл бұрын
Пожалуйста!
@giorgilobzhanidze5293 2 жыл бұрын
Это vscode? Что за тема?
@PurpleSchool 2 жыл бұрын
Это VIM, подробнее тут kzfaq.info/get/bejne/pbB_nZWD1r2poac.html
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 7 М.
Poly Holy Yow Spanish
Рет қаралды 27 МЛН
PurpleSchool | Anton Larichev
Рет қаралды 6 М.
Web Dev Simplified
Рет қаралды 70 М.
webcoderofficial
Рет қаралды 8 М.