Build a Threads Clone with React Native (Convex, Clerk, Sentry, Expo)
⚡️ Convex: https://dub.sh/convex
🔐 Clerk: https://go.clerk.com/WKHSBp0
🔔 Sentry: https://dub.sh/sentry
Join me as I build an epic Threads Clone with React Native using Convex, Clerk, Sentry, and Expo including many React Native tricks!
In this exciting tutorial, you'll learn how to do the following:
Key Features:
🚀 Use Expo to set up a custom dev client app
🌐 Use Expo file-based routing
🔥 Connect your app to Convex
🦄 Tab bar with custom action
🔗 Use Clerk Webhooks and Convex HTTP endpoints
🔐 Protect pages with Expo Router and Clerk authentication
⚡️ Debug and Profile our app with Sentry
💫 Add a cool image zoom component
🔔 Integrate Expo Push Notifications
A LOT OF FUN 🚀
LINKS
🔥 Learn React Native FAST: https://galaxies.dev
⚡️ Start Convex: https://dub.sh/convex
🔐 Try Clerk: https://go.clerk.com/WKHSBp0
🔔 Integrate Sentry: https://dub.sh/sentry
👨💻 Get the code: https://github.com/Galaxies-dev/threads-clone-react-native
#############################
❤️ You can also find me on:
Twitter: https://twitter.com/schlimmson
LinkedIn: https://www.linkedin.com/in/simongr
Instagram: http://instagram.com/simongrimm_
#############################
Chapters:
00:00 Intro
02:54 Chapters
07:31 App setup and Expo Prebuild
13:45 Building a Login with Clerk Authentication
44:30 Setting up Convex
01:00:25 Convex HTTP Actions & Clerk Webhook
01:18:04 Setting up a Tab Bar with custom action button
01:40:50 Adding Sentry for better Debugging
02:02:05 Creating the User Profile UI
02:35:27 Updating the User Profile
02:56:33 Uploading Files to Convex
03:12:37 Creating a Thread Composer
03:40:42 Adding Images to Threads
03:53:06 Feed View with Pagination
04:23:58 Images, Likes & Scroll Animation
04:47:04 Presenting an Image Zoom View
04:54:06 Navigation to Profiles & Threads
05:09:10 Leaving Comments
05:27:32 Trigger Push Notifications
05:59:01 Searching for Users
06:19:32 What's Next