Всем Привет! В этой статье разберем как создать простой компонент модального окна в React JS с нуля. Если задать в поиске фразу - модальное окно для React JS, то можно найти огромное количество готовых библиотек. Так сказать - подключай и используй. Но, чтобы понять, как именно это работает, нужно хотя бы один раз написать компонент модального окна самостоятельно. В нашем случае это будет SimpleModal Component, но Вы можете назвать его по своему. Если формат изложения материала в виде текста Вам не подходит, то можете посмотреть видео или скачайте готовый проект с github...

🚀 Веб-разработка с нуля: Урок 13 - Создаем модальное окно Привет, разработчики! 👨💻👩💻 Сегодня научимся создавать профессиональные модальные окна для нашего To-Do List. 🔥 Что нового изучим: 1. Создание модальных окон на чистом CSS/JS 2. Работу с CSS-анимациями 3. Лучшие практики UX для модальных окон 💻 Практика: добавляем редактирование задач 1. Обновляем HTML: <!-- Добавляем перед закрывающим </body> --> <div id="modal" class="modal"> <div class="modal-content"> <span class="close">×</span>...