🔴 Let’s build a Zoom 2.0 Clone with REACT NATIVE! (Video & Audio, Clerk Auth, GetStream, Expo)

preview_player
Показать описание


🛠️ Looking for the Code for this build? (Plus over 50+ others!)

Join me as I show you how to build a Video Calling App from scratch with REACT NATIVE. You'll learn the following in this build:

👉 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
👉 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?

🕐 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: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
Рекомендации по теме
Комментарии
Автор

Great tutorial Sonny. We appreciate you making the distinction between Expo Go and Development Builds. We're about to publish a video to help people understand when to use one or the other.

ExpoDevelopers
Автор

He is so generous as Always. Thanks bro for what you did to us!

WiredWisdom
Автор

good to see you WITH REAct-native...keep doing it..thanks

ShiranAthukorala
Автор

I've learned a lot from you. Thank you.

SuperPompey
Автор

awsome content as always, sad to see just 27 comments and 538 likes it deserves way more

minter-
Автор

hey sonny, today i was able to deploy my very first website on the internet, just by following your tutorials. i want to say a massive thank you. keep bringing up the good stuff, we're all here for you.

chelshiloyall
Автор

Sonny never slips 3:44:53 😂.
Thank you for making this wonderful piece. I love you, fam🫶🏾

agadaFrancisLouis
Автор

This was a rough one, Im glad the rocky start happened, it really showed how to handle this. I think I would have been stuck on a few these if you had not ran into them yourself. This is real development right here, not gonna get that on most other channels all this gets edited out. Good stuff

DigitalAlchemyst
Автор

Fantastic ❤ Does this have end to end encryption?

NAE
Автор

Im getting white screen if i go to sign in screen. How to solve this error 😔

kartikssharma
Автор

Sonny Sangha✨ lots of love from your home country.

raushankumargupta
Автор

I got this error "[Error: WS failed with code 42 and reason - JWTAuth error: token used before issue at (iat)]" when i want to start a call?Anyone Please Help

alihsn
Автор

Thanks sir. i am waiting for more full stack with firebase plz make another one with notifications and Redux

hubesh
Автор

The command for the navigation template doesn't start a working project

mandarliev
Автор

Great work!! But it qould be nice if you could do it on react native CLI.

vinu
Автор

Who is looking for a video of Sonny and Gaze (Clever Programmer) again?. I miss dem duo.

morganTH
Автор

This code support in expo ? Please answer me and provide source code

Mantukumar-unmz
Автор

I get error: Using the service is giving errors: I get error {statusCode:500, code: -1, details: array, duration:””, … type: “connection.error”

esomchifranklin