reanimate.dev — это практический курс, который поможет вам освоить современные анимации в React Native, понять принципы работы Reanimated и научиться создавать плавные, красивые и производительные интерфейсы.
Что вас ждёт в курсе
Курс построен вокруг серии практических воркшопов, которые шаг за шагом проведут вас от основ анимаций до продвинутых техник с использованием жестов, Skia и шейдеров.
Основы создания анимаций
Анимированный квадрат — изучите ключевые строительные блоки и создайте свою первую анимацию.
Исследование жестов Pan — узнайте, как связать жесты с Shared Values для создания естественных взаимодействий.
Жесты нажатия — добавьте интерактивность и визуальный отклик при нажатии.
Классические и продвинутые техники
Параллакс-анимация — воспроизведите эффект глубины и перспективы.
Анимированный текст — улучшайте UX с помощью эффектных, но производительных анимаций.
Анимация текста при прокрутке — комбинируйте разные источники анимаций для создания динамичного интерфейса.
Общие переходы — внедряйте плавные переходы между экранами и элементами.
Анимации макета — создавайте адаптивные UI, которые “живут” вместе с изменениями структуры.
Практика на реальных примерах
Ввод номера Family — разбор и реализация анимаций из реального приложения.
Skia и расширенные визуальные эффекты
После освоения основ вы перейдёте к мощным инструментам для создания визуально насыщенных интерфейсов.
Отрисовка и взаимодействие
Красота Skia — изучите фундамент работы Skia в React Native.
Анимированный график — создайте динамическую визуализацию данных, вдохновлённую Steddy.
Жесты на canvas — научитесь взаимодействовать с элементами на холсте.
Анимации в навигации
Анимация нижней вкладки — создайте кастомный анимированный BottomTabBar и интегрируйте его в Expo Router.
Шейдеры и визуальные переходы
Переходы с шейдерами для изображений — создавайте эффектные смены изображений.
Навигация с шейдерами — примените шейдеры для создания будущего мобильных переходов.
Почему этот курс вам подойдёт
Вы хотите уверенно работать с React Native Reanimated 3.
Вам нужны практические примеры, которые можно сразу использовать в реальных проектах.
Вы стремитесь создавать интерфейсы, которые выделяются визуально и ощущаются премиальными.
Результат прохождения
После завершения курса вы сможете создавать сложные, плавные и отзывчивые анимации, сочетать жесты с UI, применять Skia и шейдеры, а также улучшать пользовательский опыт своего приложения на новом уровне.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Три года назад я начал свой YouTube-канал, делясь видеоруководствами по анимациям в React Native, и собрал более 12 000 подписчиков.Обучение требует времени, и мои уроки учитывают это. Все они разработаны так, чтобы быть легкими для восприятия и не спешными. Мы начинаем с чистого листа и заканчиваем полноценным рисунком.Не обязательно, чтобы это было идеально, главное, чтобы это приносило пользу.
