Создание переиспользуемого компонента с анимацией при прокрутке

Узнайте, как создать нестилизованный компонент FadeUp, который анимируется при прокрутке и может использоваться повторно во всем приложении. Создано с помощью React и Framer Motion. 🚀 Запишитесь на мой новый курс: https://buildui.com/courses/advanced-... 💻 Посмотрите код из демонстрации: https://github.com/samselikoff/2024-1... Временные метки: 0:00 - Введение 2:11 - Выделение компонента для useInView 4:25 - Использование вариантов для анимации на основе состояния 5:39 - Анимация только при первоначальном появлении 7:29 - Анимация свойства Y 8:50 - Тестирование нашего компонента на новой странице 9:30 - Добавление свойства delay 10:47 - Добавление свойства duration 12:54 - Финальная демонстрация 14:40 - Новый курс скоро!