In this course we'll dive into the fundamentals of Reanimated as well as how it interacts with react-native-gesture-handler. Both of these libraries are new ways to interact and animate with React Native. They operate natively and declaratively. This means they are fast because they are running natively and aren't touching the bridge and declaratively meaning you define all the necessary code and it responds when things change.
Overall Reanimated is a very powerful new method to help you achieve the most performant animations so your React Native application runs smoothly
In this course we'll dive into creating an Animated Number Ticker. We'll learn about hiding elements using
overflow: "hidden". How to abstract code into a reusable component. Finally we'll use Animated to create the rotation effect.
React Native Video is a community supported video element for React Native. It allows for remote loading of videos and also works with the React Native asset management system to load videos. Having a flexible video component is essential to developing and enhancing your application.
Like many React Native elements, the video element is very basic and doesn't ship with anything besides a flexible API. This allows you to develop the exact layout, controls, and custom overlays to match your application.
In this course we'll take a look at a basic setup. Then explore the different ways we can load and show videos. We'll show how to use a few of the custom callbacks to overlay errors and buffering elements. Because there are no controls shipped with
react-native-video we'll show how to write custom video controls and animate them when the video has not been interacted with.
Finally we'll cover a few common paradigms found in the wild. Including repeating background cover videos, auto-playing videos when they scroll onto the screen and auto-stopping them when they are scrolled away from.
In this course we will learn and demonstrate the basic concepts of the React Native Animated API. We'll use Animated calls like
spring to animate style properties, and learn how to combine animations to create more complex effects. We'll learn about more advanced interactions like animations with touch events, interpolation, and flip animations. The ultimate goal is to gain an understanding of how to animate React Native Views, how you can apply them to many different types of styles, and how to enhance the experience in your application.