Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Let’s Build TikTok with React Native & Supabase (Full Tutorial)
Play lesson

React Native for beginners - Let’s Build TikTok with React Native & Supabase (Full Tutorial)

5.0 (4)
42 learners

What you'll learn

This course includes

  • 537.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere