Summary
Keywords
Full Transcript
Let's build an app clone! In this full stack tutorial, we'll build a complete TikTok UI design with React Native, Expo Router, Zustand, TanStack Query and Supabase. You'll learn to build app features like a scrollable video feed, comments, authentication, data fetching, backend setup and so much more! 📚 Download the Asset Bundle and Follow along with our step-by-step guide: https://notjust.dev/projects/tiktok 📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn how to: 👉 Build a TikTok-style vertical video feed 👉 Record and upload videos using expo-camera and expo-image-picker 👉 Authenticate users with Supabase Auth and manage sessions with Zustand 👉 Store and stream videos securely using Supabase Storage 👉 Create database tables for profiles, posts, comments, and likes 👉 Fetch and mutate data efficiently using TanStack Query 👉 Build a scalable backend with Supabase (Auth, DB, Storage) 👉 Implement pagination, refetching, and protected routes 👉 Add likes, comments, and user profiles 👉 Secure your app with RLS (Row Level Security) and storage policies .. and MORE! 🚀 Join the waitlist for the next cohort of notJust Incubator: https://www.notjust.dev/incubator ❗️ React Native Mastery is the ONLY course you need to Master Mobile Development with React Native & Expo 🚀 Enroll here: https://www.notjust.dev/react-native-mastery 🧭 Navigate using timecodes: 00:00 Intro & Project Demo 00:01:11 Setting up the project 00:01:32 Setting up the project 00:05:15 Installing and Setting up Expo Router Navigation 00:23:47 Importing Dummy Data for the app 00:26:41 Building the User Interface 00:26:51 Building the Home Screen Feed 00:53:58 Rendering a List of Dummy Posts 01:14:36 Creating Feed Tabs 02:24:32 Implementing the Video Picker 02:28:44 BACKEND - Setting up Supabase 02:40:09 Global State Management with Zustand 02:55:49 Implementing Authentication 03:26:29 Building the User Profile UI and Logic 03:52:10 Implementing Post Requests 04:25:21 Implementing Pagination 04:35:13 App Performance Optimization: useMemo 04:42:30 Implementing Comments 05:11:27 Outro and Project Recap 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions 💬 Join the notJust Development gang and let's build together: Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 #notjustdev #reactnative #tiktok #buildapp
