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


Vadim Savin profile picture

Vadim Savin

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 πŸ‘Œ