reanimate.dev

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 и шейдеры, а также улучшать пользовательский опыт своего приложения на новом уровне.