Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Demystifying Complex Animations Creation Process in React Native

React Conferences by GitNation via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the intricacies of creating complex animations in React Native through this conference talk from React Amsterdam 2019. Delve into the process of defining and implementing multi-layered animations, gestures, and micro-interactions that enhance user experience in mobile applications. Learn about different animation types, including action-driven animations, magic and matrix effects, and various gesture-based animations. Discover techniques for implementing transitions, shared elements, paging, parallax scrolling, and scroll animations. Gain insights into using tools like Reanimated and Lottie for Android. Understand the importance of cognitive load in animation design and how to create effective, visually appealing animations that stand out in real-world mobile apps. Walk away with practical takeaways and knowledge on extrapolating state-driven animations to elevate your React Native projects.

Syllabus

Intro
About me
Why do we animate
Cognitive load
Eye
Animation Types
Action Driven Animation
Magic and Matrix
Technology vs Magic
Merlin
Magic
Concept
Gestures
Transition
Shared Element
Paging
Parallax
Scrolling
Interpolate
Scroll Animation
Reanimated
Lottie
Android
What is good
Takeaways
Extrapolating
Statedriven animations
Announcement

Taught by

React Conferences by GitNation

Reviews

Start your review of Demystifying Complex Animations Creation Process in React Native

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.