Delightful UI animations by understanding the brain (youtube.com)
May 01, 2019
Understanding this could be the key to confidently adding animations to our websites and apps. Animations with code seem hard, but they shouldn’t be. In this talk, I will give some tips and explore some tools to simplify creating animations in React.
Insights from Building Rich Animated Experiences in React (youtube.com)
Jan 07, 2019
Have you ever wondered why good performance is so hard to achieve in heavy animated web applications? This talk is a practical retrospective on the discoveries, the pains and the journey that led me to build reliable bulletproof animations and transitions in real life production projects.
Motion in React (youtube.com)
Dec 02, 2018
This talk will be a comparison of several approaches to implementing motion in React, from using CSS-in-JS tools like Styled Components, as well as animating components with vanilla JS, functional libraries, or libraries more closely tied to the ecosystem like React Motion.
Snapchat Discovery - “Can it be done in React Native?” (youtube.com)
Nov 12, 2018
In this video, we are looking at the Snapchat app. We use React Native gesture-handler and reanimated to implement the swiping out animation from the discovery section of the app. We use two new modules: Gesture Handler and Reanimated 🙌🏻Hope that you will enjoy the video! 😀 Let me know your thoughts on this.
Demystifying complex animations creation process in React Native (youtube.com)
Sep 14, 2018
While Animations can be created in React Native pretty easily, real world mobile apps require a combination of several layers of animations, gestures and micro interaction animations to make user experience stand out. In this talk we will walk through the process from defining complex animation, to implementing it by going through all stages of animation creation process.
Owning Transitions (youtube.com)
Sep 14, 2018
The "Transitioner" is the view in React Navigation responsible for animating between screens and supporting navigation gestures. We will discuss how views like "stack" work today, how they evolved, and how they fit into React Navigation and other navigation libraries. Historically, it has been quite difficult to create custom screen transitions and gestures. So the time has come to introduce a new Transitioner, and give you complete control over screen transitions in your React Native App.
A sleek view transition recipe for web apps (youtube.com)
Sep 14, 2018
Have you ever wondered why good performance around animated transitions on views is so hard to achieve in web projects? Animations and performance are one of the top point of discussion when comparing web application to their native counterparts. I’m going to share my learnings on how to safely kick off route based animations, performance tricks and modern workflows to build reliable transitions for web applications.
Mar 31, 2018