reanimate.dev

Откройте для себя красоту анимаций в React Native. Погрузитесь в мир анимаций с этим курсом, который поможет вам освоить как базовые, так и продвинутые техники.

Воркшопы

1. Анимированный квадрат: Чтобы построить замок, важно начать с фундамента. В этом уроке мы вместе определим основные строительные блоки для создания анимаций.
2. Исследование жестов Pan: Удивительно, что можно достичь с простыми жестами. В этом видео мы узнаем, как координировать жесты с Shared Values.
3. Жесты нажатия: Нажимать на объекты всегда весело, но что, если мы сможем анимировать их при нажатии? В этом уроке мы исследуем возможности жестов нажатия и как на них реагировать.
4. Параллакс-анимация: Эффект параллакса - классика в мире анимаций. Вы когда-нибудь задумывались, как его создать? Именно об этом этот урок.
5. Анимированный текст: Анимация текста может легко улучшить пользовательский опыт вашего приложения. В этом уроке мы узнаем, как это сделать, полностью полагаясь на UI Thread.
6. Анимация текста при прокрутке: Изучение основных блоков анимации - это весело. Сочетание их вместе приносит удовлетворение. В этом уроке мы узнаем, как анимировать текст во время прокрутки, комбинируя анимации текста и прокрутки.
7. Общие переходы: Давайте будем честными, общие переходы - это самое крутое, что есть. В этом уроке мы увидим, как их использовать, чтобы ощутить будущее анимаций в React Native.
8. Анимации макета: Неважно, какой вопрос - анимации макета всегда будут ответом. В этом уроке мы откроем все секреты анимаций макета.
9. Ввод номера Family: Приложение Family - это чистая демонстрация того, как анимации могут изменить пользовательский опыт. В этом уроке мы узнаем, как воссоздать упрощенную версию их ввода номера.
10. Красота Skia: Skia - это та приправа, которая делает блюдо вкуснее. В этом уроке мы узнаем основы Skia и как использовать её для улучшения наших анимаций.
11. Анимированный график: Графики - лучший способ визуализировать данные. В этом уроке мы узнаем, как создать график, вдохновленный Steddy, с помощью Skia.
12. Жесты на canvas: Использовать canvas всегда весело, но как взаимодействовать с элементами? Этот урок даст вам ответы.
13. Анимация нижней вкладки: Время интегрировать анимации в вашу систему навигации. В этом уроке мы узнаем, как создать настраиваемый BottomTabBar и прикрепить его к тому, что используется в Expo Router.
14. Переходы с шейдерами для изображений: Когда вас поражает анимация, скорее всего, вы видели шейдер. В этом уроке мы узнаем, как создать переход с шейдером между изображениями.
15. Навигация с шейдерами: Шейдеры - лучший способ создать потрясающие переходы. В этом уроке мы узнаем, как использовать шейдеры для навигации между экранами с помощью Skia.