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

О чём там говорят в этом ролике? Давайте разберём каждый термин простыми словами и поймём на самом деле, чем занимаются программисты, особенно фронтенд-разработчики, которые пишут на React JS. Итак, ваш муж сидит, делает сайт. На экране уже есть кнопки, текст, картинки. И вот ему дают задачу — добавить модальное окно с формой для отзыва. Разберём и объясним, что такое фронтенд и React, как работает рендеринг, что значит компонент, модальное окно, дебаг и useState. Фронтенд — это та часть сайта, с которой вы взаимодействуете: кнопки, формы, меню, картинки...