Okebiz Video Search



Title:πŸ”΄ Let's build Whatsapp 2.0 with NEXT.JS! (1-1 Messaging, Live Status, Styled-Components, React.JS)
Duration:03:48:00
Viewed:270,365
Published:25-03-2021
Source:Youtube

Too difficult? πŸ‘‰ Watch my REACT BASICS 101 class for FREE with 1 month FREE Skillshare access (First 1000 people): https://skl.sh/2Srfwuf

🚨 Join the world’s BEST developer community β€œZero to Full Stack Hero” NOW: https://www.papareact.com/course

Download Tabnine Now πŸ‘‰ https://www.tabnine.com/now?utm_sourc...

Check out Hostinger πŸ‘‰ https://www.hostinger.com/sonny
SPECIAL DISCOUNT: Use code SONNY for 7% OFF Annual Plans!

Join me as I build Whatsapp 2.0 with NEXT.JS! (with 1-1 Messaging, Live Status, React.js & Styled-Components) || πŸ”₯ Powered by Firebase!

πŸ–₯️ CODE
Get the code for my builds here: https://links.papareact.com/github

πŸ“° NEWSLETTER (Join to get the PAPAFAM Playlist for FREE! 🎡)
https://links.papareact.com/newsletter

πŸŽ™οΈ PODCAST
https://links.papareact.com/podcast

🌍 SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord

❀️ SUPPORT
PAPA Merch: https://links.papareact.com/merch
Donate: https://links.papareact.com/donate

πŸ• TIMESTAMPS:
00:00 Introduction
00:35 Build Showcase
02:15 Hostinger Sponsorship
05:07 Next.js Introduction
05:59 Starting the Build
07:43 Tabnine Sponsorship
11:00 Continuing the Build
15:42 Setting up Styled Components
17:56 Creating the Chat.js File
21:03 Building the Sidebar Component (1/3)
48:30 Setting up Firebase
49:41 Setting up Firestore Database
56:25 Building the Sidebar Component (2/3)
1:03:57 Building the Login Screen
1:15:49 Building the Loading Component
1:20:54 Capturing and Storing User's Details
1:26:17 Building the Sidebar Component (3/3)
1:40:46 Building the Chat Component (1/2)
1:46:08 Building the getRecipientEmail Function
1:56:54 Building the Chat Component (2/2)
2:00:28 Building the [id] Component
2:22:37 Building the Chat Screen Component (1/3)
2:40:50 Building the Message Component (1/2)
2:41:53 Building the Chat Screen Component (2/3)
3:18:18 Building the Message Component (2/2)
3:24:28 Building the Chat Screen Component (3/3)
3:27:57 Final Build Demo
3:28:53 Deploying the App using Vercel
3:37:22 Hosting on Hostinger
3:46:28 Outro

#reactjs #nextjs #whatsapp

SHARE TO YOUR FRIENDS


Download Server 1


DOWNLOAD MP4

Download Server 2


DOWNLOAD MP4

Alternative Download :



SPONSORED
Loading...
RELATED VIDEOS
πŸ”΄ Let's build Uber 2.0 with REACT NATIVE! (Navigation, Redux, Tailwind CSS & Google Autocomplete) πŸ”΄ Let's build Uber 2.0 with REACT NATIVE! (N...
45:06 | 348,885
πŸ”₯ App de Agendamento para Barbeiros em React Native para iniciantes πŸ”₯ App de Agendamento para Barbeiros em React...
50:42 | 672,171
πŸ”΄ Let's build Google 2.0 with Tailwind CSS & NEXT.JS! (Responsive, SSR React, Pagination) πŸ”΄ Let's build Google 2.0 with Tailwind CSS &...
12:44 | 104,330
πŸ”΄  Netflix Backend in React Native & AWS Amplify (Tutorial for Beginners) πŸ”΄ Netflix Backend in React Native & AWS Amp...
52:58 | 47,269
πŸ”΄ Let's build SLACK 2.0 with REACT.JS! (REDUX, Styled components & Firebase Hooks) πŸ”΄ Let's build SLACK 2.0 with REACT.JS! (REDU...
23:41 | 153,549
πŸ”΄ Let's build SIGNAL with REACT NATIVE! (Navigation, Expo & Firebase) πŸ”΄ Let's build SIGNAL with REACT NATIVE! (Nav...
36:56 | 286,427
πŸ”₯ Clone do NETFLIX em REACTJS para Iniciantes πŸ”₯ Clone do NETFLIX em REACTJS para Iniciantes
12:47 | 302,925
πŸ”΄ Airbnb REACT.JS Challenge | Day 4 (Mapbox Integration - Next.js, Tailwind CSS, Maps) πŸ”΄ Airbnb REACT.JS Challenge | Day 4 (Mapbox ...
26:50 | 27,729

shopee ads

coinpayu