Skeleton Animation in React Native with Moti
Today, we're going to explore the potential of Moti by using the Skeleton component.
The purpose of this tutorial is to cover the implementation of the Skeleton UX Pattern in React Native.
You're going to learn how to create your own skeletons and how to reuse them across your apps!
My React Native animations course: https://www.reanimate.dev
Patreon: / reactiive
Twitter: / reactiive_
Source Code: https://github.com/enzomanuelmangano/...
Resources:
- Moti Docs: https://moti.fyi/
- Fernando Rojo Channel: @fernandorojo6311
- VsCode Extension used to pick the color: https://marketplace.visualstudio.com/...
- Layout Animations tutorial: • The magic of Layout Animations in Rea...
Chapters:
00:00 Introduction
01:00 Packages used
02:13 Project setup
11:20 Define the skeletons
16:50 The Skeleton Group
17:40 Handling the loading state
21:08 Fading Layout Animations