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

В первой части мы создали сайт с HTML и CSS, а в второй части улучшили его с помощью Bootstrap. Теперь пора сделать сайт интерактивным! Сегодня мы добавим модальное окно (всплывающее окно) с помощью JavaScript. Это займет всего 30 минут, а ваш сайт станет современнее и интереснее для пользователей. Поехали кодить! Модальное окно — это всплывающий блок, который появляется поверх контента и привлекает внимание. Например, это может быть форма подписки, уведомление или акция. Такие окна часто встречаются на сайтах: они помогают собирать email, показывать важные сообщения или предлагать скидки...