React spring | Frontend Advent #11

Задача:

Реализовать анимацию появления модального окна через хук useTransition из библиотеки react-spring.

Как выполнить задание:

Это front-end приложение на React. Вёрстка уже готова, вам нужно заниматься только логикой. Следуйте инструкциям ниже.

В файле Modal.tsx нужно реализовать анимацию появления модального окна через хук useTransition. Для этого:

1. заполните настройки анимации в useTransition
2. замените тэг dialog на animated.dialog
3. оберните animated.dialog в transitions

Проверьте результат через сборку проекта.

Запуск проекта:

• npm i - установка библиотек
• npm run dev - сборка для разработки

Дополнительные материалы:

Документация - https://react-spring.dev/docs/components/use-transition
Видео - https://youtube.com/shorts/rVCjzY7d7ZI?feature=share