22. Интегрируем Appbar из библиотеки material ui в наш проект React js

preview_player
Показать описание
На этом уроке мы с вами реализуем наш top bar с помощью инструментов которые нам предоставляет библиотека material ui.

Поддержите мой канал:
👍ПоставтеЛАЙК
🔔Нажмите на звонок
💬Напишите комментарий

Полезные ссылки:
  1. Tech Javascript
  2. react js
  3. react js уроки
  4. уроки react js
  5. react js курс
  6. react js для начинающих
Рекомендации по теме
22. Интегрируем Appbar 0:44:15

22. Интегрируем Appbar из библиотеки material ui в наш проект React js...

Sencha Touch Tutorial: 0:08:13

Sencha Touch Tutorial: Первые шаги

React: базовый. Создание 0:02:59

React: базовый. Создание собственного приложения дел. Введение....

Secret Feature That 0:13:42

Secret Feature That Makes Firefox Bookmarks Awesome!

Clockwork - отладочная 0:08:57

Clockwork - отладочная панель для PHP

React с 0 0:12:25

React с 0 (Нуля). Урок 1.Настройка среды разработки.

Работа с GitHub 0:28:25

Работа с GitHub / ТехноХакатон 2022

Autodesk Revit 2017 0:04:32

Autodesk Revit 2017 Ribbon and Quick Access Toolbar

Как делают мобильные 0:06:27

Как делают мобильные приложения на JavaScript для начинающих...

How to use 0:22:24

How to use a SOAP API with Ionic

21. Рефакторинг кода 0:42:25

21. Рефакторинг кода в нашем проекте React js

Куди рухається Archicad. 0:13:38

Куди рухається Archicad. Що нового в Archicad 26. (Rus\English subs)

История изменений Blender 0:19:57

История изменений Blender

1/19 Custom entities 0:00:31

1/19 Custom entities in Drupal 9 & 10 [preview]

Python для WEB 0:47:54

Python для WEB разработки: Занятие 29

Как отточить навыки 2:05:24

Как отточить навыки кодинга Python на практике? Интенсив для начинающих программистов...

CDI Laserfiche 10.3 0:44:30

CDI Laserfiche 10.3 Basic User Training by CDI

Elastic stack in 0:43:38

Elastic stack in BigData (Andrii Golovei, Ukraine)

Урок 2. Переносим 0:19:11

Урок 2. Переносим верстку в шаблон

QAGuild News #1: 0:58:26

QAGuild News #1: Зарплаты тестировщиков/AWS/ Книги/Puppeteer

ReactJS #75 - 2:08:55

ReactJS #75 - Перенес стили Toolbar из editorjs.io (WIP)

FMXLinux и CrossVCL 1:26:52

FMXLinux и CrossVCL для расширение возможностей Delphi по созданию UI в Linux...

Flutter vs React 0:09:10

Flutter vs React Native #2 - сравнение, преимущества, недостатки и какую из них выбрать?...

Palindrome Turing Machine 0:18:45

Palindrome Turing Machine Tutorial Using Pixi.js | Part 2 Development

Комментарии
Автор

Отдельная благодарность за работу с Github

nmchjih
Автор

Appbar material ui React js Github push

rustamakhmetyanov
Автор

Здравствуйте. В прошлых уроках мы добавляли сайдбару стрелку, которая появляется при определенной ширине, как раз для закрытия сайдбара. Зачем теперь мы еще бургер кнопку добавили?

playingtheangel
Автор

во, а я чуцть раньше начал исправлять косяк который вы поправили flexGrow={1}, а я сделал таким способом width={`calc(100% - 250px)`}

vendjin
Автор

Дуже чекаю на Ваш код, типізацію теми і все що з нею пов'язано.
Коли планується зняти з цього урок?

ofkukcq
Автор

Не будет ли слишком запутанно, если я не буду как вы передавать пропс isOpen чтобы при клике на бургер выполнить SetIsOpen(!isOpen), а вместо этого напишу onClick={e=>SetIsOpen((prev: boolean)=>!prev)} ?

duvpcbo