Мобильное меню с бесконечной вложенностью на React и TypeScript

  Рет қаралды 6,311

PurpleSchool | Anton Larichev

PurpleSchool | Anton Larichev

Күн бұрын

За 40 минут на React и TypeScript мы реализуем мобильное меню (burger / бургер), уровни и вложенность которого можно будет изменять на лету!
⚡ Мои курсы
Бесплатный курс по flexbox: purpleschool.ru/course/flexbox
Курс по React: purpleschool.ru/course/nextjs
Все мои курсы: purpleschool.ru
Курсы для тех, кто не из России: www.udemy.com/user/alariplay/
Telegram канал с полезными советами: t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:13 - Обзор макета
1:14 - Обзор проекта
3:38 - Реализация мобильного меню
16:55 - Навигация в меню
28:18 - Реализация динамических уровней
46:30 - Заключение

Пікірлер: 44
@ilyaprotsenko1023
@ilyaprotsenko1023 Жыл бұрын
Автор, спасибо за труд!)
@PurpleSchool
@PurpleSchool Жыл бұрын
Пожалуйста)
@zhenia14
@zhenia14 Жыл бұрын
Смотрим!
@PurpleSchool
@PurpleSchool Жыл бұрын
Супер)
@user-tj8yn5tl2h
@user-tj8yn5tl2h Жыл бұрын
В начале видео ожидаю реализацию рекурсивного компонента.
@Max.Kozlov
@Max.Kozlov Жыл бұрын
оооо 46 минут потрясного контента!
@PurpleSchool
@PurpleSchool Жыл бұрын
Да, вышло долго)
@user-tj8yn5tl2h
@user-tj8yn5tl2h Жыл бұрын
В конце видео в ожидании рекурсивного компонент расстроен. Рекурсивного компонента не увидел. Извините за критику меня.
@user-kj9mm2gc3r
@user-kj9mm2gc3r 8 ай бұрын
спасибо очень полезное видео
@PurpleSchool
@PurpleSchool 8 ай бұрын
Пожалуйста)
@TheKykp
@TheKykp Жыл бұрын
Антоха красавчик!
@PurpleSchool
@PurpleSchool Жыл бұрын
Спасибо!
@OldestJunior
@OldestJunior Жыл бұрын
один из самых толковых каналов по разработке. Спасибо отличный урок. Что думаете о vite вместо cra?
@PurpleSchool
@PurpleSchool Жыл бұрын
Спасибо! Я детально его не тестировал, только читал, но может сделать видео на эту тему)
@proletarian
@proletarian Жыл бұрын
Интересная задача, сделаю сам а потом посмотрю решение)
@PurpleSchool
@PurpleSchool Жыл бұрын
Правильный подход)
@proletarian
@proletarian Жыл бұрын
@@PurpleSchool У меня вопрос, человек знакомый с реактом на react native пишет без особых проблем? или то отдельная категория человеков? Я только с вью знаком и думаю на реакт перейти и думаю сильно ли мне это надо
@PurpleSchool
@PurpleSchool Жыл бұрын
Да, есть свои особенности раскладки компонент, так как нет CSS и взаимодействия с API. Но подход тот же.
@yevhenii9967
@yevhenii9967 Жыл бұрын
Расскажи про самые лучшие практики API
@PurpleSchool
@PurpleSchool Жыл бұрын
Хорошая тема, закину на заметку.
@sergeys4732
@sergeys4732 Жыл бұрын
В идеале для того меню нужны хлебнык крошки
@PurpleSchool
@PurpleSchool Жыл бұрын
Поддерживаю, можно добавить в верхней части вместо кнопки назад путь.
@user-kj9mm2gc3r
@user-kj9mm2gc3r 8 ай бұрын
жаль что нет кода под видео
@weynemeynen
@weynemeynen Жыл бұрын
пишем height, говорим про ширину (:
@sartjhon3300
@sartjhon3300 5 ай бұрын
какие же вырвиглазные кислотные цвета. это рабочий вариант или только для обучения?
@PurpleSchool
@PurpleSchool 5 ай бұрын
Сейчас у себя другая тема, можно посмотреть видео про NVChad
@sartjhon3300
@sartjhon3300 5 ай бұрын
@@PurpleSchool спасибо, гляну. но сейчас интересует как раз тема вложенных меню, и смотреть просто больно ))
@arturzhitkovich5629
@arturzhitkovich5629 Жыл бұрын
Ты сделал слайдер
@PurpleSchool
@PurpleSchool Жыл бұрын
да, принцип тот же
@stasostrin47
@stasostrin47 Жыл бұрын
Фон говорит о том что автор просто блогер а не разраб ))
@helios8567
@helios8567 Жыл бұрын
ещё и видно что переписывает с другого монитора.
@yadev3646
@yadev3646 Жыл бұрын
с мерзкой дикцией))
@helios8567
@helios8567 Жыл бұрын
@@yadev3646 и такой типа англичанин.
@PurpleSchool
@PurpleSchool Жыл бұрын
Интересно чем? 😂 Я вот люблю работать в VIM с полупрозрачным терминалом. И разработкой занимаюсь уже 13 лет.
@PurpleSchool
@PurpleSchool Жыл бұрын
И конечно я подсматриваю в заметки на другом мониторе, так как иначе писал бы это не за 30 минут, а за час. Перед записью я пишу сначала проект, потом оптимизирую какие-то моменты и затем уже показываю вам. Я экономлю ваше время и стараюсь донести максимум пользы за минимальный промежуток времени.
@alexeyfilippov42
@alexeyfilippov42 Жыл бұрын
ужасная тема разработки)
@PurpleSchool
@PurpleSchool Жыл бұрын
Сейчас перешел на one dark в neovim: kzfaq.info/get/bejne/grGeqKyS38vNfWg.html
@dmitri_yz
@dmitri_yz Жыл бұрын
Ужасный фон. Невнятное начало ролика. Ужасная дикция. Простите, но это провал. Хотя тема казалось бы интересная. P.S. Лучше я пойду к западным блогерам. Спасибо Яндексу за автоперевод.
React Custom Hooks - Пишем компонент прогресса чтения
17:52
PurpleSchool | Anton Larichev
Рет қаралды 9 М.
Luck Decides My Future Again 🍀🍀🍀 #katebrush #shorts
00:19
Kate Brush
Рет қаралды 8 МЛН
Final muy inesperado 🥹
00:48
Juan De Dios Pantoja
Рет қаралды 19 МЛН
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 89 МЛН
8 TypeScript Tips To Expand Your Mind (and improve your code)
10:54
React и TypeScript - Быстрый Курс
1:40:52
Владилен Минин
Рет қаралды 344 М.
Автоматизация создания React-компонентов
14:36
Михаил Непомнящий
Рет қаралды 20 М.
I only ever use *these* RxJS operators to code reactively
25:25
Joshua Morony
Рет қаралды 121 М.
React-приложение на TypeScript
41:29
Михаил Непомнящий
Рет қаралды 64 М.
Открываем все секреты React Context API
1:01:11
АйТи Синяк
Рет қаралды 21 М.
Luck Decides My Future Again 🍀🍀🍀 #katebrush #shorts
00:19
Kate Brush
Рет қаралды 8 МЛН