🔴 Let's build SIGNAL with REACT NATIVE! (Navigation, Expo & Firebase)
ฝัง
- เผยแพร่เมื่อ 13 พ.ค. 2024
- 🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: www.papareact.com/course
🫂 Join my Community, "University of Code" for FREE: www.universityofcode.com
🔴 LOOKING FOR THE CODE? 🛠️
links.papareact.com/github
📩 Want coding problems (with solutions!) delivered to your inbox daily? www.papareact.com/dailycoding...
Join me as I build SIGNAL with REACT NATIVE! (with Navigation, Expo & Firebase)
🎙️ PODCAST
links.papareact.com/podcast
🌍 SOCIALS:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord
Newsletter: links.papareact.com/newsletter
❤️ SUPPORT
PAPA Merch: links.papareact.com/merch
Donate: links.papareact.com/donate
🕐 TIMESTAMPS:
00:00 Introduction
00:47 Build Showcase
06:43 Using Expo
07:39 Authentication Showcase
08:11 Explaining Expo
08:37 Explaining React Native Elements
10:06 Starting the Build
11:38 Firebase Set Up
15:16 Explaining App.js
19:21 Building the App
26:33 Building the Login Screen
47:40 Building the Register Screen
1:18:31 Building the Home Screen
1:57:02 Building the Add Chat Screen
2:17:25 Building the Chat Screen
3:21:03 Deploying the App
03:24:29 Final Build Demo
03:30:17 Outro
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Signal and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.
#reactnative #developer #elonmusk
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
Shame on you guys that disliked the video. This is great content. Thanks for everything
TH-cam took this serious and disabled Dislike button of this video
More power to you Sonny!
The way you make a thing like coding so fun, engaging and entertaining.
I'm a react developer too and your videos instill me with hope and belief that I can become a super skilled dev.
I've watched tons of react tutorials but believe me nothing beats your way of breaking it down in a proper react fashion.
I don't intend to put anyone down, but not even the famous traversy media comes close to your crazy builds.
Everyone else just does basic stuff which is not sufficient enough for beginners who wish to work on a production-scale 🙄
please more videos like this ...you guys literally changed my life via your react clone videos
thank you
Starting this tutorial with little to no knowledge of react or react-native just the basics and Javascript and was still fun .
I learned a ton of new tools, or at least tools I've never used before:
Expo and how powerful it is, especially the web build feature.
All the amazing libraries you were using: React-elements, and others
Firebase hosting
Thank you bros. Just followed through all the way. Much love from Ghana. God really bless you. Please keep inspiring.
Man! You're incredible!!! You're a super programmer! How come you build all these projects by yourself?! I mean, you build company projects in 3 - 4 hours! You're super, dude!!!! Keep on the great work!!
Hahaha appreciate the support brother!
Just started React Native and found your channel. Thank you for this!
just had a great adventure doing this app throughout the work week. deployed with firebase! so glad i found your channel. thx a alot !
Sonny you are on next level , i appreciate the stuff you done for community 💥❤️💥❤️💥❤️💥❤️
sonny this was one of the best tutorial videos I've ever seen. And you got everything I needed, you gotta make more of these they are amazing.
0:48 wooo man what was that! Awesome
😉
Sonny, love your teaching style and the smooth flow without interruptions from others! 👍🙌 Would love to see more projects with redux toolkit!
еыеыунеыеыуныыыеыеыуныыыуеырыыыррунуыеыуеурнфуыеуыыырыеыуюууцуууууылецлцоурфрфцвеыеулуруыеыыуыуффууурурууруууцлфууруууууууууыууыркфуфкурурыууыуылуврыуурцрувеыыыуыеыууруу
Thank you so much PAPA!! I'm happy to be part of this family. I ran into some issues while following the tutorial. Data saved successfully into the firebase but aren't showing up in my app same this goes for the LinkedIn clone. Any help on this please in damn stuck!! Thank you
Absolutely love your vids 🔥
Thanks Sonny for this Amazing Content 💓
Sonny, this has been an eye opener for me in terms of learning react native. Thanks man!! You are the best to learn from. Thanks for being an inspiration. Hope to join your live coding days atleast once. Where can I get notified on that? All d best..
Nitish
just found out you are here , was excited to see you teach react. hoping more and more react native tutorials coming day after day just like in cp.looking forward and thanks a lottt
Thank you sonny i will follow you in all channels and still consume your content , am new in react native and am looking forward to learn from this channel
That's extremely helpful!!!
Keep it up Sonny. Always support you💥❤️
💙 ❤️ Great tutorial brother.. I see a you have a great deal of passion in coding and fitness . Reach great heights bro. Keep us updated in tech ❤️💙
great to see you doing your own thing Sonny! #PapaReact!!
Really Sonny You only make me very productive , i learned a lot from u!! Thanks for that , soon i will Donate money for ur hardwork
man i really appreciate your videos! your create some dope content man
You are the absolute best!!!!! Thanks so much for this man!
thank you very much for your time Sonny
clean, clear and concise course. tq sonny
Hey Sonny, awesome build, thanks for this build, keep building, keep teaching, keep inspiring (like you inspired me), I never knew React Native was so easy and thanks for making react native so simple
The part about smelling smoke amused me most :)
Gona have to be awake at 4am Wednesday to catch the 5day challenge (cos in South Africa GMT+2)...still excited though
Absolutely awesome content and a project to learn Sonny ! I have created app following you but I can not able to display the chat in runtime on chat window. I have played the video 2,3 times but in vain..
thanks man! im gonna play type soul now!
I would have spent 4 hours to think about what to do 😃 Love you ❤️❤️❤️
Now I’m gonna rebuild this app for my collage project
I implemented every single thin as I played your video! Where were you 5 years ago at the beginning of my career 😅!
Some questions please:
1. Why firestore instead of firebase Database?
2. How long in firebase session after you sign in, as it kept signing me out I think on intervals of 30 mins, more or less?
3. Does firebase persist the token in any asyncStorage, if so how to access it?
4. Why the delay when you first fire up the app, till it gets whether your logged in or not?
You are the best, learning so much with this videos!
Thank you so much for this awesome content
This was truly brilliant - thanks a lot. Consider me a fan !
nice work, loving it
Love the content. Is there any chance make a 1-1 messaging version of this signal app like you did the previous whatsapp clone.Again thx for the content love your work.
Learned a lot.Thanks for it bro
Thank you for this video. Amazing content. Thank you.
LOVE your energy
This is awesome. I am just waiting for next live
Need more react-native
thanks
LOVED THIS !!!
You are doing a great job, sonny❤🔥
Love from Pakistan ❤❤
react GOAT here!! u r really killin.. it man!! #papafam
You are an Arun Maini clone! (MrWhosetheboss). Amazing work. thanks.
Wow nice man, great content
Thank you Sonny!!!!
One of your biggest fan from india who always thrusted to watch and learn from your videos❤️
Please create more projects like this in EXPO
Power Of Indian Blood.
Proud on You brother...
Lots of Love...You are Awesome ❣️
Best react native on whole youtube
Sonny, I really liked your video, it is a great base for further learning! I like the way you keep space for your students to add extra features to the app.
Exactly!!! Thank you for supporting!
very nice explanation ,, thanks for the video.. Now i will start learning React native too..
Awesome Stream!
Love you Bro and the entire Clever Progarammer Crew! Shout ou to Qazi. My man! wish to join you guys soon!
Hey dude, i'm no longer a part of CP, this is the #PAPAFAM but thanks for the support!
Completed this signal app build just an hour ago and unfortunately crossed my daily limit for firestore!😂
Thanks a lot Sonny👍.
Is there any limit in firebase ?
@@chitrangsharma1362 Yes. Free tier cloud storage(Firebase is a part of Google Dloud) has limits.
@@prathmesh_shinde_ ohkk thank you.bro
Amazing videos, thank you so much !
A little bit late for the video jeje but Sonny Loving this video already, pls do more react native... i just fell in love with native. You're the man , keep them coming! PAPA FAM!!!!!!!!!!!!!!!!!!!!!!!!!!!
hey dude just so you know, as i'm following your tutorial, copitol is autocompleting specific code perfectly, predicting what you're about to do. It even auto generated the firefox link for the graphic. Github is using your data
loving this build so far, 30 minutes in. thanks for the fantastic content! joined the channel :)
Welcome aboard the PAPAFAM thank you!!!
hey you build this project?
This is awesome
You are a company in yourself. 1000hours of project work you do in 3-4 hours.😀 . Really GOD level.
At 1:26:53 , we implemented navigation.replace('Home') to LoginScreen, but how do we get routed to HomeScreen from RegisterScreen if we inserted "replace" function call in LoginScreen ?
Sonny, sos un grande, buenisimo el video
thanks its great
Love u man love u
awesome🔥
I really like you, because you have no anger. #respect
Thanks Sonny , It's Really amazing. Here is one suggestion from my side, Can we have a Project on PWA so that we can install app through tha
website and works like that?
whoahhh this way of coding i really like it
what software you use for streaming?cam and desktop? sounds etc?
This is amazing add private message functionality there in next built
He build a chat app without private message functionality lol Ben Awad has actually full tutorials
Hey Sunny I missed your last point at 3:25:05 on why the chats data isn't showing after deploying. How can we make it so the messages are shown?
simply wow
Love the way you explain, your tutorials are amazing! Please more videos about React Native
Thank you
great video Sonny! can you start using typescript with your react native videos?
Amazing content
Thanks for yet another AMAZING tutorial. Could zoom in more next time so that we can see more easily?
Awesome stuff
thx for the amazing tutorial, love it. can firebase store images? like if i want to upload my own profile pic. is there a way to do that? thx 🧡🧡🔥🔥🔥🔥🔥🔥🔥
you are awesome sonny
Hay brother you are so cool,, I was very disturbed how to set sender and receiver messages both different side, Thanks man appropriate your work and teaching.
Boss,love you.
Love you Bro ....
Awesome..!
Can u do a stream on Taskrabbit clone please.
Awesome!
Love it
Great content
funny how you use a framework from facebook to build a rival to whatsapp. Great job man.
Will styled components work with react native??
Hello Papa React, great video but I couldn't get all the Firebase stuff working anymore. Probably due to Firebase v9. Could you do an updated guide with the v9 changes ?
You've probably given up but for future builders looking for answers I can say this: You can no longer do the importing this way since they've made it modular since v9.
As of this moment I've found out you can instead import like this and it will work with Sonny's build:
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';
This will probably be removed later on so if it aint working you have to check the documentations.
Best tutor on Internet
Thanks bro for upload this, really love this video