Articles
Demos

  • Skeleton Animation in React Native with Moti

    Skeleton Loader is a common UI component used to improve the user experience when loading content. This tutorial will teach you how to create a skeleton animation in React Native using the Moti library.    Dec 20, 2024

  • Leaving Patreon. Moving to Demos

    I have been sharing React Native Demos on Patreon for the past 2 years, and I have decided to move to my own platform: Demos    Nov 21, 2024

  • Migration: from Patreon to Demos

    A guide on how current Patreon supporters can migrate to the new platform    Nov 21, 2024

  • Metaball Animation with React Native Skia

    In this tutorial, we'll explore how to create a mesmerizing Metaball animation using React Native Skia and React Native Skia Gesture.    Nov 8, 2024

  • Animated Spiral with React Native Skia

    Learn how to create an animated spiral with React Native Skia and Reanimated.    Oct 24, 2024

  • Introduction to Reanimated

    In this tutorial we’ll learn the basics of React Native Reanimated package. We will understand why Reanimated is the best choice for dealing with animations in React Native and when it could be useful...    Oct 17, 2024

  • Animated Gradient in React Native (Skia)

    In this tutorial we're going to make a simple and powerful Gradient animation by using the combination of React Native Skia and Reanimated. I think that this animation is a perfect example of how using the right tool greatly simplifies the work...    Oct 14, 2024

  • The Hidden Gems of React Native

    A list of hidden gems of React Native that are not so popular but can be very useful in some specific scenarios.    Mar 8, 2024

  • Animated FlatList in React Native Reanimated

    Learn how to create captivating animations for a FlatList in React Native using the power of Reanimated. Elevate your app's user experience with fluid and dynamic content transitions.    Jan 13, 2024

  • Introduction to React Native Gesture Handler

    Dealing with gestures can be quite challenging, especially in React Native. This tutorial will teach you how to use the React Native Gesture Handler package to work with gestures...    Jan 13, 2024

  • How to install React Native Reanimated and Gesture Handler

    There are two packages that you need to know if you like React Native development: Reanimated and Gesture Handler. In this article we're going to discover how to install both packages...    Jan 6, 2024

  • Creating a Smooth Dropdown Menu Animation in React Native Reanimated

    Learn how to create a polished and smooth dropdown menu animation in React Native using the Reanimated library.    Sep 13, 2023

  • Circular Progress Bar Animation

    Master Circular Progress Bar Animation: Enhance your React Native app with Reanimated hooks and UI thread text animation for a captivating user experience.    Aug 25, 2023

  • The Power of Lottie in React Native

    Learn how to leverage Lottie animation in React Native to create visually engaging animations for your mobile apps. Enhance user experience and make your app more appealing with After Effects animations rendered in real-time.    Aug 3, 2023

  • Exploring Pinch Gesture in React Native (Reanimated)

    This tutorial will teach you how to use the PinchGestureHandler component from the GestureHandler package to detect pinch gestures in React Native.    Dec 27, 2022

  • Interpolate with ScrollView

    This tutorial is going to show you how to use the interpolate function from the Reanimated package to create an amazing animation.    Dec 17, 2022

  • Introduction to Pan Gesture Handler in Reanimated

    In this article we're going to unleash the power of the PanGestureHandler in React Native thanks to Reanimated. Seems interesting? Give it a look!    Jun 13, 2022

  • The Secret Ingredient: React Native Haptic Feedback

    Have you ever thought that your React Native app looks a bit flat? In this article we're going to discover the missing ingredient in few seconds.    Apr 13, 2022

Follow me on Twitter|Inspirations