Tinder Swipe Animation in React Native and Expo

Introduction

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

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 👌

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

Introduction

📚 Today's Agenda:

Vadim Savin