Ignite & Scanella
Scanella
Привет, Искра! Я тут приложение для тренировок по безопасности разрабатываю, которое в реальном времени обновления на телефоны всем отправляет, да еще и чтобы можно было сразу же по ходу что-то подправить. Потестируешь?
Ignite
Конечно, давай! Если там будет куча данных, как на учениях, хочу посмотреть, как это работает, поколдовать с настройками, может, даже эффектную заставку добавим. Давай ссылку, я готова!
Scanella
Вот ссылка: https://firedrill.app. Код на GitHub – github.com/scanella/firedrill. Элемент заставки находится в src/components/Splash.jsx, так что можешь поменять картинку, подкорректировать время задержки или добавить эффектный постепенный вход, как тебе нравится. Если что-то пойдет не так или захочешь что-то еще подправить – дай знать.
Ignite
Да, запускаем! Сейчас ныряю в репозиторий, вытаскиваю Splash.jsx. Если нам получится сделать эффектный двухсекундный плавный вход и добавить большую надпись “Готовься, внимание, поехали!”, публика будет в восторге. Секунду, сейчас обновлю последнюю версию и запущу. Если что-то пойдет не так, дам знать, но я уже не могу дождаться, чтобы подкрутить тайминг и, может быть, добавить немного анимации с конфетти для этого важного уведомления. Давай!
Scanella
Звучит отлично! Как только сделаешь последний коммит, просто импортируй useEffect и установи таймер на 2000 миллисекунд, а потом переключи состояние флага, чтобы вызвать CSS-класс для плавного появления. Для текста добавь заголовок `<h1>` с надписью "Внимание, старт!" внутри контейнера splash. Если хочешь конфетти, попробуй react-confetti или просто наложи canvas, активируемый при появлении всплывающего уведомления. Пиши, если возникнут какие-то трудности, помогу подкорректировать тайминги или анимацию. Удачи в коде!