React - Компонент сравнения картинок со слайдером на TypeScript
Рет қаралды 2,669
Күн бұрынСегодня будем писать компонент сравнения картинок на React и TypeScript для проекта Finio и заодно изучим работу touch events и их отличие от mouse events.
⚡ Мои курсы
Курс по React: purpleschool.ru/course/nextjs
Все мои курсы: purpleschool.ru
Курсы для тех, кто не из России: www.udemy.com/user/alariplay/
Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:17 - Обзор проекта
0:46 - Начальная структура
2:02 - Создание компонента и разметки
12:43 - Работа с touch и mouse events
35:11 - Заключение
Удобный агрегатор курсов kursly.ru
@sengokusky1515 2 жыл бұрын
Просто топовый контент! Лям подписчиков!
@PurpleSchool 2 жыл бұрын
Спасибо!)
@user-sc7by4nv1f 2 жыл бұрын
очень хорошо у вас получается, и темы выбраны и понятно описываете ход мыслей. обязательно продолжайте выкладывать видео на канале
@PurpleSchool 2 жыл бұрын
Спасибо большое!
@masha18able1 2 жыл бұрын
Шикарный контент
@PurpleSchool 2 жыл бұрын
Спасибо!
@Max.Kozlov 2 жыл бұрын
Дождались нового видоса!
@PurpleSchool 2 жыл бұрын
Yes!
@user-vc6mo5nl8g 2 жыл бұрын
Божественно!!!
@PurpleSchool 2 жыл бұрын
Спасибо)
@Max.Kozlov 2 жыл бұрын
Лайк заранее, начал просмотр)
@PurpleSchool 2 жыл бұрын
Спасибо!)
@user-yv5fl2os9v Жыл бұрын
Класс!
@PurpleSchool Жыл бұрын
Спасибо!
@denissavast Жыл бұрын
Благодарю 🎉
@PurpleSchool Жыл бұрын
Спасибо!
@sergei_sergeevu4 2 жыл бұрын
Спасибо вам за контент. По всей видимости у вас отключен eslint-plugin-react-hooks, вы сделали это намеренно ? Так как вы используете callback compluteState в useEffect, но в зависимости вы его не передаете. Если передадите, то у вас будет бесконечный цикл. Поэтому необходимо его обернуть в useCallback и передать в зависимости.
@PurpleSchool 2 жыл бұрын
Спасибо! Он просто был не настроен для демо проекта.
@user-fk6ng8bk7s 2 жыл бұрын
Очень классное видео. Как-то нужно было делать диаграмму ганта - жаль Вы тогда не сделали этот тутор, он бы здорово помог. Есть два вопроса только: Почему решили затипизировать пропсы внутри компонента, а не сам компонент через React.FC? И зачем две переменные lineX и widthLeft, если он всегда равны друг другу, можно было бы оставить только одну.
@PurpleSchool 2 жыл бұрын
Да, можно через FC, скорее привычка. И да, можно было оставить один state. Я при старте думал что они могут отличаться.
@MadBlissOff Жыл бұрын
Антон, что у вас за клавиатура и свитчи? Больно уж приятный звук печати
@PurpleSchool Жыл бұрын
Varmilo Moonlight свитчи Cherry MX Brown)
@oldg91 Жыл бұрын
Что текстовый редактор ты используешь?
@PurpleSchool Жыл бұрын
Vim. Тут есть обзор моей конфигурации: kzfaq.info/get/bejne/pbB_nZWD1r2poac.html
@richardvoronov4917 Жыл бұрын
Для чего нужно было подписываться на нативный event, есть же в реакте?
@askerkotsev363 Жыл бұрын
у нас есть левый компонет и правый и какой то ххХХххьь хуйня? Хендлер)
BalcevMMA_BOXING
Рет қаралды 17 МЛН
Ulbi TV
Рет қаралды 273 М.