Как создать адаптивное меню за 5 минут | React responsive menu

Uploaded By: Myvideo

Published on

16 Sep 2023

2 views

0

0 votes

0

About Share Download Add to

Создаем адаптивное меню в React за 5 минут. Используем хук useState и абсолютно позиционированные элементы. 00:00 Приветствие 00:20 Исходные данные 00:42 Добавляем меню в разметку 01:15 Стилизуем меню для десктопа 01:59 Стилизуем меню для мобильного устройства 03:19 Добавляем состояние и кнопку 04:24 Добавляем активный класс к меню 05:02 Окончание Github:

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/bU1qbTRWa1Jib2dxRFVXYWlEWGZ6bEpzQ3RuTGVoZEplaFEvWU03SFpVMD0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Ranger Contra Ядерный шантаж. 3v3 C&C Generals Contra X

1 hour ago

00:09:23

Ranger Contra Ядерный шантаж. 3v3 C&C Generals Contra X

2 83%

Кулинария и рецепты

1 hour ago

00:01:23

Кулинария и рецепты

1 95%

Влияние Раху и Кету на отношения. Почему не складываются нормально и происходит чертовщина

1 hour ago

00:01:00

Влияние Раху и Кету на отношения. Почему не складываются нормально и происходит чертовщина

2 75%

спорт

1 hour ago

00:01:55

спорт

112 16%

Веб программирование на python Базы данных java для начинающих

1 hour ago

00:02:11

Веб программирование на python Базы данных java для начинающих

1 49%

Заработать деньги в интернете безопасно

1 hour ago

00:01:18

Заработать деньги в интернете безопасно

1 13%

13 миллионов рублей на экскурсии, которых не было. Житель Калининграда задержан по подозрению в культурной афере

1 hour ago

00:00:51

13 миллионов рублей на экскурсии, которых не было. Житель Калининграда задержан по подозрению в культурной афере

1 21%

Весь мир в словах и фотографиях

2 hours ago

00:01:01

Весь мир в словах и фотографиях

3 40%

Повелитель Воздуха Boneco H300 - обзор климатического комплекса мобильного Бонеко

2 hours ago

00:10:22

Повелитель Воздуха Boneco H300 - обзор климатического комплекса мобильного Бонеко

3 52%

Почему ЛДПР, рассказал экс-депутат Красноярского горсовета Олег Панченко

2 hours ago

00:03:12

Почему ЛДПР, рассказал экс-депутат Красноярского горсовета Олег Панченко

39 77%

Радионуклидная терапия и лечебное питание в борьбе с раком

2 hours ago

00:10:58

Радионуклидная терапия и лечебное питание в борьбе с раком

3 21%

КАК СЧИТАТЬ КИЗОМБУ_ КАК СОЗДАЕТСЯ ЭЛЕКТРОННАЯ МУЗЫКА_ КИЗОМБА НОВОСИБИРСК DJ JOGO

2 hours ago

00:11:30

КАК СЧИТАТЬ КИЗОМБУ_ КАК СОЗДАЕТСЯ ЭЛЕКТРОННАЯ МУЗЫКА_ КИЗОМБА НОВОСИБИРСК DJ JOGO

1 24%

Добро пожаловать новый выпуск проекта Аист+ Новая редакция!

2 hours ago

00:10:53

Добро пожаловать новый выпуск проекта Аист+ Новая редакция!

10 42%

КУПИТЬ ЖЕНСКИЕ ПЛАТЬЯ В МОСКВЕ ПЛАТЬЯ НА НОВЫЙ ГОД КУПИТЬ ОНЛАЙН

2 hours ago

00:00:53

КУПИТЬ ЖЕНСКИЕ ПЛАТЬЯ В МОСКВЕ ПЛАТЬЯ НА НОВЫЙ ГОД КУПИТЬ ОНЛАЙН

1 87%

На скамью подсудимых отправится жительница Кузбасса, организовавшая 23 тайника с синтетикой

2 hours ago

00:02:13

На скамью подсудимых отправится жительница Кузбасса, организовавшая 23 тайника с синтетикой

42 44%

Штатный HR специалист: нужен ли

2 hours ago

00:03:42

Штатный HR специалист: нужен ли

2 24%

Целевая политика развития суверенной экономики России ключ к процветанию нашей страны, Александр Галушка

2 hours ago

01:09:39

Целевая политика развития суверенной экономики России ключ к процветанию нашей страны, Александр Галушка

23 52%

КАК ВЫБРАТЬ БАНДАЖ ДЛЯ КОЛЕННОГО СУСТАВА ЖЕСТКИЙ ОРТЕЗ ДЛЯ КОЛЕННОГО СУСТАВА

2 hours ago

00:01:19

КАК ВЫБРАТЬ БАНДАЖ ДЛЯ КОЛЕННОГО СУСТАВА ЖЕСТКИЙ ОРТЕЗ ДЛЯ КОЛЕННОГО СУСТАВА

1 39%

Балет Белоснежка (Тамара Рохо) Театр Арриага 2005 г.

2 hours ago

01:32:35

Балет Белоснежка (Тамара Рохо) Театр Арриага 2005 г.

184 66%

Кунг Фьюри (2015. Kung Fury)

2 hours ago

00:31:22

Кунг Фьюри (2015. Kung Fury)

1 59%

ТОП ФАРМ СОБЫТИЕ АРСЕНАЛ ОТАКУ АНИМЕ WARFACE - 4 Мета Оружия, Черная Пятница Скидки, Пин Код

2 hours ago

00:11:01

ТОП ФАРМ СОБЫТИЕ АРСЕНАЛ ОТАКУ АНИМЕ WARFACE - 4 Мета Оружия, Черная Пятница Скидки, Пин Код

311 35%

ЛИЧНЫЙ БРЕНД АСТРОЛОГИЯ ЛИЧНЫЙ БРЕНД ЛЕГЕНДАРНЫЕ РАЗБОРЫ

2 hours ago

00:01:36

ЛИЧНЫЙ БРЕНД АСТРОЛОГИЯ ЛИЧНЫЙ БРЕНД ЛЕГЕНДАРНЫЕ РАЗБОРЫ

1 6%

Мастер класс по макраме Новогодняя ёлочка

2 hours ago

00:00:00

Мастер класс по макраме Новогодняя ёлочка

1 5%

Чистка сосудов нижних конечностей лазером Сосуды чистить чем

2 hours ago

00:01:43

Чистка сосудов нижних конечностей лазером Сосуды чистить чем

1 33%

0 Comments

Guest