Ссылки используемые в уроке:
🌱 Старт для изучения хук (hooks): https://github.com/liveldi/react-hook...
🌱 Старт для todo листа: https://github.com/liveldi/react_hooks
🌱 ViteJS: https://vitejs.dev/guide/
Рекомендуемые видео в уроке:
⭐️ Единицы измерения CSS: • 20 методов массивов в JavaScript, которые ...
00:00 Введение.
04:22 Старт для изучения хук (hooks).
05:27 Начало понимания проекта на React.
07:19 Популярные хуки в разработке.
09:04 useState
17:00 useEffect + useLayoutEffect
26:00 Приступаем к примеру todo лист.
26:00 Приступаем к примеру todo лист.
29:20 useState на примере.
31:20 работаем с input, onChange
34:20 работа с событиями button.
37:40 onKeyDown
40:35 useCallback
43:25 useMemo
46:10 input checkoux
49:19 немного про key в map.
01:00:45 useRef для focus.
01:03:45 фиксим баг, начальное значение для useState
На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.
Поделиться в:
Доступные форматы для скачивания:
Скачать видео mp4
Информация по загрузке:
Скачать аудио mp3
Похожие видео
array(10) {
[0]=>
object(stdClass)#6728 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "aL2IFmEOeb4"
["related_video_title"]=>
string(93) "Реализуем сортировку пузырьком + оптимизация + reverse"
["posted_time"]=>
string(21) "2 года назад"
["channelName"]=>
string(85) "Елена Литвинова — Искусство Веб-разработки 🛸"
}
[1]=>
object(stdClass)#6701 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "9KJxaFHotqI"
["related_video_title"]=>
string(77) "React Hooks - Полный Курс (Про Все Хуки в 1 видео!)"
["posted_time"]=>
string(21) "4 года назад"
["channelName"]=>
string(47) "Владилен Минин | Result University"
}
[2]=>
object(stdClass)#6726 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "mVl-luvUI1M"
["related_video_title"]=>
string(101) "TypeScript от А до Я — часть 1: primitives, objects, array, types, enums, interfaces"
["posted_time"]=>
string(21) "2 года назад"
["channelName"]=>
string(85) "Елена Литвинова — Искусство Веб-разработки 🛸"
}
[3]=>
object(stdClass)#6733 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "Y6CIZtkKVxo"
["related_video_title"]=>
string(115) "#1. Разработка блога — Дизайн Системы, База Данных, Веб Дизайн"
["posted_time"]=>
string(28) "10 месяцев назад"
["channelName"]=>
string(85) "Елена Литвинова — Искусство Веб-разработки 🛸"
}
[4]=>
object(stdClass)#6712 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "GeulXZP_kZ8"
["related_video_title"]=>
string(113) "Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт"
["posted_time"]=>
string(19) "1 год назад"
["channelName"]=>
string(63) "Frontend Fundamentals | Александр Караджиков"
}
[5]=>
object(stdClass)#6730 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "0dLFC0O68w0"
["related_video_title"]=>
string(75) "Bubble Sort, 2D Arrays & Labels Explained Tutorial | Future Eye Academy"
["posted_time"]=>
string(24) "12 часов назад"
["channelName"]=>
string(18) "Future Eye Academy"
}
[6]=>
object(stdClass)#6725 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "9Ae-Vc6YkxU"
["related_video_title"]=>
string(80) "Скотт Риттер: Громкое фиаско Трампа в Иране?"
["posted_time"]=>
string(21) "4 часа назад"
["channelName"]=>
string(16) "Stewart Mitchell"
}
[7]=>
object(stdClass)#6735 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "acJoeD0NfpI"
["related_video_title"]=>
string(171) "⚡️НОВОСТИ | СРОЧНОЕ ЗАСЕДАНИЕ МАГАТЭ | ВЗРЫВ В МОСКВЕ. ПОДРОБНОСТИ | ЗАДЕРЖАН ВИЦЕ-ГУБЕРНАТОР"
["posted_time"]=>
string(23) "8 часов назад"
["channelName"]=>
string(29) "Ходорковский LIVE"
}
[8]=>
object(stdClass)#6711 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "QUbLG1oVu5k"
["related_video_title"]=>
string(116) "ПОЛОВИНА ИЗРАИЛЯ РАЗРУШЕНА! Ракета "Саджиль" упала на Тель-Авив!"
["posted_time"]=>
string(24) "10 часов назад"
["channelName"]=>
string(36) "Мудрость в историях"
}
[9]=>
object(stdClass)#6729 (5) {
["video_id"]=>
int(9999999)
["related_video_id"]=>
string(11) "fxSXTs9jCqI"
["related_video_title"]=>
string(94) "Пишем анимацию растворения в Wolf Галерее | React + TypeScript"
["posted_time"]=>
string(21) "2 года назад"
["channelName"]=>
string(85) "Елена Литвинова — Искусство Веб-разработки 🛸"
}
}
