Summary
Keywords
Full Transcript
1️⃣ Get Started with GetStream 👉 https://links.papareact.com/getstream 2️⃣ Get Started with Clerk 👉 https://go.clerk.com/U6zKYci 3️⃣ Clerk React Native Docs 👉 https://go.clerk.com/9cvkGB1 🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course 🛠️ Looking for the Code for this build? (Plus over 50+ others!) https://links.papareact.com/github Join me as I show you how to build it from scratch with REACT NATIVE. You'll learn the following in this build: 👉 How to implement Real-time Seamless Audio and Video calling Functionality using GetStream.io 👉 Build real iOS & Android apps that can be launched on the Apple App Store and Google Play Store! 👉 Secure User Authentication and Sessions with Clerk Integration 👉 Learn my top Debugging and Troubleshooting Tips for a Seamless Developer Experience when coding in React Native 👉 Learn how to use EAS to create development builds with Expo so you can leverage iOS/Android Native dependancies 👉 Building a Secure Backend with Next.js for Handling Server Requests 👉 How to use TypeScript to reduce the overall number of Bugs and Errors 👉 How to implement Group Calling with Dynamic Participant Management and Layouts 👉 Implement a 'Join Room' functionality so users can send Room ID's to other users they want to Video call with! 👉 And Much More! 🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST? Sign up for the PAPAFAM Newsletter here 👉 https://links.papareact.com/newsletter 🕐 TIMESTAMPS: 00:00 Introduction 01:06 Build Demo 06:39 GetStream API for Video and Audio Calling 09:12 Clerk for Authentication 11:05 Build Tech 13:49 Initialising the Build 23:45 Implementing Clerk with Expo Router 38:17 Restarting the Build Initialisation 46:10 Live Debugging Clerk v2.2.7 (Currently Fixed) 53:51 Implementing Clerk for Authentication 55:52 Building the Call Routes Layout Screen 1:06:53 Implementing the Authentication Functionality with Clerk 1:13:40 Building the Sign In Functionality 1:37:05 Building the Sign Out Functionality 1:42:58 Implementing Start a New Call Functionality 1:47:40 Implementing GetStream’s Video and Audio API 2:06:24 Building a Secure Backend with Next.js for Handling Server Requests 2:10:05 Implementing ngrok 2:12:04 Implementing GetStream’s Backend 2:24:23 Building the Video Call Functionality 2:31:28 Implementing the Create & Join a Call Functionality 2:37:47 Building the Call Room 2:52:30 Building the Join a Call Room 3:01:08 Important Step / Tip For iOS Simulator Fix 3:04:25 Building the All / My Calls Screen (1/2) 3:24:33 Live Debugging (Just Turn On the Video) 3:33:36 Building the All / My Calls Screen (2/2) 3:37:34 Final Touches to the Build 3:43:45 Deploying the Build 3:52:19 Build Summary 3:54:03 Outro Let’s get it PAPAFAM 🔥. DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Zoom and/or any of its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for educational purposes. #nextjs #reactnative #ios #ai #android #reactjs #mobiledevelopment #javascript #zoom #shadcn #openai #react #coding #tutorial #beginner #programming #appdevelopment #swift #kotlin
