Build a WhatsApp Clone with React Native (Expo Router, Reanimated, Clerk, Gestures, Gifted Chat)

Join me as I build an epic WhatsApp Clone with React Native. You'll learn how to do the following in this tutorial:

👉 Use Expo file-based routing
👉 Use Clerk for user authentication
👉 Add Sign-in with Apple and Google Auth
👉 Work with Reanimated for Animations

+ A LOT OF FUN 🚀

LINKS

#############################

❤️ You can also find me on:

#############################

00:00 About this clone
01:31 WhatsApp Clone Overview
04:32 App Setup and Expo Prebuild
16:33 Mask Input and Code Field
01:01:15 OTP Auth with Clerk
01:25:32 Expo Router Tab Bar Setup
01:34:06 Settings Page with iOS Header
01:48:46 Calls Page with JSON Data
02:03:48 Segmented Control and Layout Animations
02:18:30 Swipeable Row and Reanimated Styling
02:37:27 Chat List with Apple Swipe
02:55:08 Section List with Alphabet Scroll
03:12:15 Customizing Gifted Chat
03:44:22 Swipe to Reply Gesture
04:04:48 Teardown

[galaxies_dev]

Join Galaxies.dev today - the Home of the Best React Native content🚀

[alexandreboving]

I had a course in my master called "Design and implementation of a Mobile application". Watching a few videos of yours made me learn way more that I saw in 3 months.

[devanshsk]

Can't wait to fully build this application with it's entire backend assembled.

The level of excitement is to much to handle.

[gracjankoodziej]

38:53 - I think it's also good to consider when the phone does not have bottom insets (for example old iPhone SE, some android phones) - In this case the button would be right at the bottom, I usually do Math.max(insets.bottom, 20) to ensure there is always at least 20px between the bottom and the element

[fouadchahd]

That's a lot to learn for me the gesture the animation and many,
Many thanks 🙏🏼
in advance wish you covered the audio component that WhatsApp use to display audio 😅i m really in needs of it

[marvinfok]

Must give Simon a BIG BIG thank you for this lesson! This is some of the best lessons that I have watched on youtube.

[eddiegere]

Loads of content. About to start. Amazing! Thank you.

[dreamsachiever]

the problem with Clerk is the pricing. Convenient for tutorials but NOT for production especially for a B2C app. Imagine having 1million users using your app and paying 20K/mo just for auth lol. just crazy to me

[raymondmichael]

I really enjoy the energy in your teaching; regarding Settings -> search input, how can we tap to it so that we can do something with the entered text?

[raymondmichael]

Next inkdrop ui, would like your ways and thinking when designing that fancy 3 layout with sleek animations.
much love from Tanzania 🇹🇿 ❤

[andreweells]

Would you consider ever doing a walkthrough of your VSCode extensions?

[mikevillarreal]

Thank you Simon!
Do you mind if i ask a question? Can we use conditional routing with Expo Router, for example for Admin / regular user navigation flows?

[GigglesDose]

You are awesome, teach us advanced concepts, kindly work on responsive design plz

[MARSTEE-official]

You just read my mind. Love your work!

[tranquillityEnthusiast]

Whatsapp Clone with Ionic would be appreciated. 😊

[kamal-zw]

Please create part 2 with backend connection

[maxym]

2:50:06 better to use flex: 1 for the text and set numberOfLines={2}

[Dollazuche]

its good i want to click on agree and continue to go to a login page to create new account

[jhmesseroux]

Great tutorials.
I have a little issue with this, when i try to implement infinite scroll inside the Flastlist with the large header, it does not work correctly. It fetch all the data without scrolling. Someone can help me with this please?

[Kitety]

Could you please tell me what software you use to annotate on this screen? I also want to know. Thanks