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

На проекте webcos я хотел реализовать планеты, которые двигались бы вокруг оси. В итоге я смог это сделать, но ещё добавил функционал для него. Планеты можно вращать самому (Только на пк, для оптимизации). Здесь я опишу реализацию данной анимации и функционала, а вы можете в дальнейшем доработать всё это. Технологии, которые использовались на проекте Next.js (но в целом будет работать и на React.js). Вот исходный код, для тех, кто хочет разобраться сам и ссылка на страницу, где можно посмотреть работоспособность...