Сегодня я объясню, как создать собственный React Hook для модального компонента. Модальные компоненты довольно проблемны из-за проблем с доступностью и структурой в React. Модальные элементы имеют наложение на экране, которое имеет более высокий визуальный приоритет, чем все остальные элементы. Если бы мы использовали z-index, он должен был бы быть самым высоким. Однако это плохая практика, поскольку он глубоко вложен, а родительские элементы, находящиеся высоко в дереве, имеют приоритет CSS. Начнем с создания модального компонента React, который будет использовать пользовательский useModal...

После простой верстки и ЖС рабочее окружение для React кажется чем-то космическим. В первую очередь я не понимал, как мне запустить проект, что бы увидеть плоды своих трудов в браузере, а потом как залить все эти чертовы файлы на хостинг. Все оказалось так просто, что даже публикацию для этого писать не хотелось, но для небольшой истории и напоминалки для себя, я все же решил это сделать Как запустить проект на React Запускаем консоль в основной папке с проектом и прописываем npm start и просто ждем...