React Native MasteryThe Ultimate React Native and Expo Course 🚀

Tinder Swipe Animation in React Native and Expo | #DEVember Day 6

Part of:  #DEVember React Native Marathon  

Vadim Savin profile picture
Vadim SavinMar 1, 2024

This is Day 6 of #DEVember and it’s all about exploring exciting animations with React Native and Expo using Reanimated. Today, we're replicating the iconic Tinder Swipe Animation! We'll design the User Interface for the Tinder-like app, building smooth swipe animations, and customizing them using the powerful Reanimated library, all while contributing to our 'Education for Children' fundraiser! Together, we can make education accessible for everyone!

📚 Today's Agenda:

  • Designing the Tinder UI in React Native
  • Building the Basic Swipe Animation
  • Advanced Techniques with Reanimated
  • Customizing the Swipe Animation
  • Handling User Interaction and Gestures
  • Integrating the Animation with App Logic
  • Recap and Q&A

Check other episodes from the  #DEVember React Native Marathon series

Previous part

Build the iOS Voice Memos app in React Native | #DEVember Day 7

Next part

Building a Weather App with React Native | #DEVember Day 8

Vadim Savin profile picture

Vadim Savin

TwitterLinkedInGithubFacebookInstagramYoutube

Hi 👋 Let me introduce myself

I started my career as a Fullstack Developer when I was 16 y.o.

In search of more freedom, I transitioned to freelancing, which quickly grew into a global software development agency 🔥

Because that was not challenging enough, I started my startup which is used by over 20k users. This experience gave another meaning to being a (notJust) developer 🚀

I am also a proud ex-Amazon SDE and Certified AWS Architect, Developer and SysOps. You are in good hands 👌