leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
4 ч 10 мин
Категория
React.jsКоличество уроков
23 Видео
Дата добавления
19 мая 2019 г., 20:53
Язык
Английский
Дата выхода
18 апр. 2019 г., 01:00
Дата обновления
29 апр. 2026 г., 03:25
Курс “Animating React” — это практическое погружение в создание современных анимаций на React. Вы разберетесь, как использовать возможности React Spring, чтобы оживить интерфейс, повысить интерактивность и улучшить пользовательский опыт.
Что вы изучите на курсе
Курс построен вокруг создания реалистичных и удобных анимаций, которые легко интегрируются в реальные проекты. Каждый урок — это практические навыки, которые помогают создавать живые и гибкие интерфейсы.
Преимущества React Spring
Библиотека React Spring позволяет создавать естественные анимации на основе физических моделей. Это делает взаимодействие в приложении более комфортным и интуитивным. Вы узнаете, как применять эти подходы для плавных переходов, появления элементов и интерактивных эффектов.
Основные техники анимации
Анимация элементов навигации
Вы научитесь формировать динамичные и стильные меню, которые улучшают взаимодействие пользователя с интерфейсом и повышают визуальную привлекательность приложения.
Анимация модальных окон
Вы освоите анимирование открытия и закрытия модалок, добавите плавность и узнаете, как избежать резких перескоков интерфейса для повышения UX.
Почему это важно
Современные веб‑приложения требуют не только функциональности, но и качественной визуальной динамики. Этот курс поможет вам внедрять анимации грамотно, эффективно и без лишней сложности. Если вы хотите улучшить визуальный слой ваших React‑приложений и освоить React Spring — вы по адресу.
- Урок 1.00:01:01Introduction
- Урок 2.00:11:39Why React Spring & Physics Based Animations
- Урок 3.00:03:32Getting Started
- Урок 4.00:09:51A Basic Spring
- Урок 5.00:08:10Toggling A Spring
- Урок 6.00:07:19Animating Properties
- Урок 7.00:12:11Interpolation Basics
- Урок 8.00:10:42Example 1: Animated Nav
- Урок 9.00:10:53Example 2: Cart Animation
- Урок 10.00:05:50Emulating Keyframes
- Урок 11.00:07:27Transition With Mounting and Unmounting
- Урок 12.00:12:31Transition With Multiple Components
- Урок 13.00:20:11Example 3: Transition With React Router
- Урок 14.00:16:50Example 4: Modal Transition
- Урок 15.00:12:24Configuration Options
- Урок 16.00:19:44Animating Height Auto
- Урок 17.00:14:17Example 5: Animation On Scroll With Waypoint
- Урок 18.00:17:09Set Function & Gestures
- Урок 19.00:09:59Gestures With Events
- Урок 20.00:09:06useSprings
- Урок 21.00:06:48useTrail
- Урок 22.00:19:14useChain
- Урок 23.00:03:55Where To Go From Here
Автор - leveluptutorials
Комментарии