Модальное окно на React для реальных проектов. Create portal, scroll, навигация с клавиатуры

В этом видео мы сделаем модальное окно, которое будет соответствовать всем требованиям и которое можно будет использовать в реальных проектах. Таймкоды: 00:00 ➝ Вступление 01:05 ➝ Требования к модальным окнам 03:00 ➝ Добавляем разметку и стили для модалки 05:25 ➝ Открытие и закрытие модального окна 07:15 ➝ Переиспользование 09:50 ➝ Разметка и DOM-дерево, делаем вспомогательную карточку товара 13:50 ➝ Конфликт CSS-стилей 15:15 ➝ Create Portal 16:15 ➝ Анимация 20:05 ➝ React strict mode 20:30 ➝ Scroll 23:05 ➝ Блокировка/скрытие полосы прокрутки 25:35 ➝ Навигация с клавиатуры, клавиша Escape 26:45 ➝ Перенос фокуса в модальное окно 31:50 ➝ Навигация по клавишам Tab и Shift + Tab 36:00 ➝ Возврат фокуса на элемент открывший модальное окно 38:40 ➝ Итоги работы и что будем делать дальше 39:40 ➝ Подписываемся на канал, ставим лайки и добавляемся в ТГ;) Telegram канал - ff_blam4e