brand elements

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
Subscribe to

notJust.Newsletter

Stay up-to-date with the latest technologies and become a better React Native Developer.

Loading...

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

Expo Push Notifications in React Native (tutorial for beginners)

Next part

Animate Splash Screens in React Native using Lottie | #DEVember Day 4

Vadim Savin profile picture

Vadim Savin

TwitterLinkedInGithubInstagramYoutube

At notJust.dev, my mission is to help developers build impactful mobile apps.

Our educational content has reached over  10 million developers , giving them the tools and confidence to bring their app ideas to life.

Before starting notJust.dev, I worked at a big tech company (FAANG), built a software development agency, and co-founded 2 startups. These experiences taught me a lot about coding and entrepreneurship.

I have built over 100 apps with  React Native  and  Expo , and I want to help you do the same.