KZhead

🔴 Let's build SIGNAL with REACT NATIVE! (Navigation, Expo & Firebase)

Sonny Sangha
2024 ж. 6 Мам.
666 835 Рет қаралды
Жүктеу

🚨 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

    @SonnySangha@SonnySangha Жыл бұрын

  • 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 🙄

    @sahej97@sahej972 жыл бұрын

  • Starting this tutorial with little to no knowledge of react or react-native just the basics and Javascript and was still fun .

    @jkuhede@jkuhede3 жыл бұрын

  • 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

    @ahmedam77@ahmedam773 жыл бұрын

  • please more videos like this ...you guys literally changed my life via your react clone videos thank you

    @yashchauhan5710@yashchauhan57103 жыл бұрын

  • Sonny, love your teaching style and the smooth flow without interruptions from others! 👍🙌 Would love to see more projects with redux toolkit!

    @bz6304@bz63043 жыл бұрын

    • еыеыунеыеыуныыыеыеыуныыыуеырыыыррунуыеыуеурнфуыеуыыырыеыуюууцуууууылецлцоурфрфцвеыеулуруыеыыуыуффууурурууруууцлфууруууууууууыууыркфуфкурурыууыуылуврыуурцрувеыыыуыеыууруу

      @user-um8fc6oq4t@user-um8fc6oq4t Жыл бұрын

  • Thank you bros. Just followed through all the way. Much love from Ghana. God really bless you. Please keep inspiring.

    @josephnarteyopey6819@josephnarteyopey68193 жыл бұрын

  • Just started React Native and found your channel. Thank you for this!

    @devx4175@devx41752 жыл бұрын

  • just had a great adventure doing this app throughout the work week. deployed with firebase! so glad i found your channel. thx a alot !

    @nicholasbazzoni7084@nicholasbazzoni7084 Жыл бұрын

  • 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.

    @ptitjo9475@ptitjo94753 жыл бұрын

  • Sonny you are on next level , i appreciate the stuff you done for community 💥❤️💥❤️💥❤️💥❤️

    @qasimyousaf2497@qasimyousaf24973 жыл бұрын

  • Absolutely love your vids 🔥

    @alicodes22@alicodes223 жыл бұрын

  • 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

    @christinad.ridley5280@christinad.ridley52803 жыл бұрын

  • 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..

    @kamleshrode@kamleshrode2 жыл бұрын

  • 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!!

    @thatrandomguywhoeveryonekn3635@thatrandomguywhoeveryonekn36353 жыл бұрын

    • Hahaha appreciate the support brother!

      @SonnySangha@SonnySangha3 жыл бұрын

  • 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

    @nitishmani2781@nitishmani2781 Жыл бұрын

  • Thanks Sonny for this Amazing Content 💓

    @khizer3528@khizer35283 жыл бұрын

  • great to see you doing your own thing Sonny! #PapaReact!!

    @FahadKiani1@FahadKiani13 жыл бұрын

  • 0:48 wooo man what was that! Awesome

    @jcmaker0627@jcmaker06273 жыл бұрын

    • 😉

      @SonnySangha@SonnySangha3 жыл бұрын

  • 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

    @patrickkioko8191@patrickkioko81912 жыл бұрын

  • Keep it up Sonny. Always support you💥❤️

    @avijitbiswas1017@avijitbiswas10173 жыл бұрын

  • clean, clear and concise course. tq sonny

    @myhendry@myhendry3 жыл бұрын

  • That's extremely helpful!!!

    @ahmedam77@ahmedam773 жыл бұрын

  • You are the best, learning so much with this videos!

    @Terrorifiction@Terrorifiction3 жыл бұрын

  • 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.

    @emirhankarahan2931@emirhankarahan29313 жыл бұрын

  • thank you very much for your time Sonny

    @majdkhasib76@majdkhasib763 жыл бұрын

  • The part about smelling smoke amused me most :)

    @gustonalwanga5353@gustonalwanga53532 жыл бұрын

  • man i really appreciate your videos! your create some dope content man

    @supercoolnerd23@supercoolnerd232 жыл бұрын

  • 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

    @bhubeshsr6281@bhubeshsr62813 жыл бұрын

  • 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

    @jerryjohnthomas4908@jerryjohnthomas49083 жыл бұрын

  • Shame on you guys that disliked the video. This is great content. Thanks for everything

    @Pinocciochannel@Pinocciochannel3 жыл бұрын

    • KZhead took this serious and disabled Dislike button of this video

      @weekendtricksshorts1676@weekendtricksshorts16762 жыл бұрын

  • 💙 ❤️ 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 ❤️💙

    @rayanfernandes2631@rayanfernandes26313 жыл бұрын

  • You are the absolute best!!!!! Thanks so much for this man!

    @atoproductionsforreal@atoproductionsforreal2 жыл бұрын

  • Gona have to be awake at 4am Wednesday to catch the 5day challenge (cos in South Africa GMT+2)...still excited though

    @saabirmohamed636@saabirmohamed6363 жыл бұрын

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

    @ahmedam77@ahmedam773 жыл бұрын

  • I would have spent 4 hours to think about what to do 😃 Love you ❤️❤️❤️

    @Mukuthasan@Mukuthasan3 жыл бұрын

  • Learned a lot.Thanks for it bro

    @muruganandhams4203@muruganandhams42032 жыл бұрын

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

    @suatbayrak2703@suatbayrak27032 жыл бұрын

  • This was truly brilliant - thanks a lot. Consider me a fan !

    @MarcusHammarberg@MarcusHammarberg3 жыл бұрын

  • Thank you so much for this awesome content

    @niteshsahu831@niteshsahu8313 жыл бұрын

  • Thank you for this video. Amazing content. Thank you.

    @husyildirim@husyildirim3 жыл бұрын

  • nice work, loving it

    @metabeeps1324@metabeeps13242 жыл бұрын

  • This is awesome. I am just waiting for next live

    @RKD_24@RKD_243 жыл бұрын

  • LOVE your energy

    @monles2352@monles23522 жыл бұрын

  • Now I’m gonna rebuild this app for my collage project

    @niconico4785@niconico47853 жыл бұрын

  • 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

    @a2515@a2515 Жыл бұрын

  • what software you use for streaming?cam and desktop? sounds etc?

    @securevault6549@securevault65493 жыл бұрын

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

    @dimakavetskyy2082@dimakavetskyy20822 жыл бұрын

  • thanks man! im gonna play type soul now!

    @suppress4813@suppress481319 күн бұрын

  • Please create more projects like this in EXPO

    @abdullahanis5761@abdullahanis57613 жыл бұрын

  • LOVED THIS !!!

    @saratahiri5111@saratahiri51112 жыл бұрын

  • Thank you Sonny!!!!

    @christopheroneill7846@christopheroneill78463 жыл бұрын

  • very nice explanation ,, thanks for the video.. Now i will start learning React native too..

    @mattwalkgaming2626@mattwalkgaming26263 жыл бұрын

  • great video Sonny! can you start using typescript with your react native videos?

    @davidhahn7391@davidhahn73913 жыл бұрын

  • 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

    @codewithyug1129@codewithyug11293 жыл бұрын

  • You are an Arun Maini clone! (MrWhosetheboss). Amazing work. thanks.

    @zafry@zafry3 жыл бұрын

  • Awesome Stream!

    @karlnassar8646@karlnassar86463 жыл бұрын

  • You are doing a great job, sonny❤🔥 Love from Pakistan ❤❤

    @arslanjajja7578@arslanjajja75783 жыл бұрын

  • Amazing videos, thank you so much !

    @henrysenois2812@henrysenois2812 Жыл бұрын

  • Wow nice man, great content

    @codefromanywhere@codefromanywhere2 жыл бұрын

  • One of your biggest fan from india who always thrusted to watch and learn from your videos❤️

    @rohitghosal3868@rohitghosal38683 жыл бұрын

  • 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.

    @amitpaul6109@amitpaul6109 Жыл бұрын

  • react GOAT here!! u r really killin.. it man!! #papafam

    @Akashkumar-md6rg@Akashkumar-md6rg3 жыл бұрын

  • Sir can you suggest which snippet tools you used here?

    @rohitghosal3868@rohitghosal38683 жыл бұрын

  • 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 🧡🧡🔥🔥🔥🔥🔥🔥🔥

    @kresnofatihimani8402@kresnofatihimani84023 жыл бұрын

  • 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!!!!!!!!!!!!!!!!!!!!!!!!!!!

    @Steven-wo9bm@Steven-wo9bm3 жыл бұрын

  • Awesome..! Can u do a stream on Taskrabbit clone please.

    @surajhanvate5797@surajhanvate57973 жыл бұрын

  • Will styled components work with react native??

    @josh-m8205@josh-m82052 жыл бұрын

  • Sonny, sos un grande, buenisimo el video

    @nicolasyracing@nicolasyracing3 жыл бұрын

  • Power Of Indian Blood. Proud on You brother... Lots of Love...You are Awesome ❣️

    @lootlydeals@lootlydeals2 жыл бұрын

  • Love u man love u

    @khizarali3286@khizarali32863 жыл бұрын

  • Any suggestion instead of the headerBackTitle that would work both on android and iOS? :)

    @marielukesova5021@marielukesova50213 жыл бұрын

  • Hello. I like your videos. in 1:10:00 I got this error : cant find variable IDBindex. Any one have a solution for this problem. Thanks you very match

    @ghachidev@ghachidev3 жыл бұрын

  • simply wow

    @nkhiter9048@nkhiter90483 жыл бұрын

  • Love you Bro and the entire Clever Progarammer Crew! Shout ou to Qazi. My man! wish to join you guys soon!

    @favourguy2594@favourguy25943 жыл бұрын

    • Hey dude, i'm no longer a part of CP, this is the #PAPAFAM but thanks for the support!

      @SonnySangha@SonnySangha3 жыл бұрын

  • This is awesome

    @ilyasselarbaouti7287@ilyasselarbaouti72873 жыл бұрын

  • Completed this signal app build just an hour ago and unfortunately crossed my daily limit for firestore!😂 Thanks a lot Sonny👍.

    @prathmesh_shinde_@prathmesh_shinde_3 жыл бұрын

    • Is there any limit in firebase ?

      @chitrangsharma1362@chitrangsharma13623 жыл бұрын

    • @@chitrangsharma1362 Yes. Free tier cloud storage(Firebase is a part of Google Dloud) has limits.

      @prathmesh_shinde_@prathmesh_shinde_3 жыл бұрын

    • @@prathmesh_shinde_ ohkk thank you.bro

      @chitrangsharma1362@chitrangsharma13623 жыл бұрын

  • can i scan thw QR code on my iPhone (real device) and use it as simulator?

    @usamanawaz8296@usamanawaz82963 жыл бұрын

  • can we add notifcations?

    @kennethokereke8775@kennethokereke87753 жыл бұрын

  • whoahhh this way of coding i really like it

    @dorothyarnoldg5137@dorothyarnoldg51372 жыл бұрын

  • Thanks for yet another AMAZING tutorial. Could zoom in more next time so that we can see more easily?

    @yogajourney9519@yogajourney95193 жыл бұрын

  • Is it ok to use expo? Instead of react native cli

    @mdjahidulislam9205@mdjahidulislam92053 жыл бұрын

  • Need more react-native thanks

    @vinuthmarasinghe3932@vinuthmarasinghe39322 жыл бұрын

  • Thank you

    @lifeisbeautifu1@lifeisbeautifu1 Жыл бұрын

  • thanks its great

    @shubhamranjan4596@shubhamranjan45963 жыл бұрын

  • 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.

    @marielukesova5021@marielukesova50213 жыл бұрын

    • Exactly!!! Thank you for supporting!

      @SonnySangha@SonnySangha3 жыл бұрын

  • well done sonny ! But android emulator doesn't seems like showing navigation transitions

    @abhishekakodiya2206@abhishekakodiya22062 жыл бұрын

  • awesome🔥

    @harlifauziramli1871@harlifauziramli18713 жыл бұрын

  • how did you get rid of the back option in the home screen?

    @vandameh.a2235@vandameh.a22352 жыл бұрын

  • Hey Sonny, I am getting error when using firebase from hosting but not in local host

    @abinkrajan2329@abinkrajan23293 жыл бұрын

  • can you share your vscode snippets for react-native pretty print?

    @fatihaydogdu2519@fatihaydogdu25193 жыл бұрын

  • Dose this still use the encryption signal provides?

    @johnsheikh3831@johnsheikh3831 Жыл бұрын

  • Hi Sonny, i did the same as on 1:14:45 but i cant save name and imageUrl, this is not careate collection in db, can you help with it?

    @startup853@startup8533 жыл бұрын

  • Amazing content

    @jhoanmartinezsilva2609@jhoanmartinezsilva26093 жыл бұрын

  • Hello Dear@Sonny Sangha I am new to learn and develop things in React, Kindly help me that from your which project i start my journey, and also help me that can i start building this in react-native CLI without any extra effort or its code written by you work only in expo based ??

    @AkbarAli-vt8or@AkbarAli-vt8or2 жыл бұрын

  • you are awesome sonny

    @always-shaiva@always-shaiva2 жыл бұрын

  • I really like you, because you have no anger. #respect

    @skyhi3331@skyhi33313 жыл бұрын

  • What stuff should I learn to make apps like whatsapp,Fb, snapchat , messenger so & so apps . .I'm from non core branch of computer science . .pls help me regarding this🙏

    @Ajay-ke6lh@Ajay-ke6lh3 жыл бұрын

  • Boss,love you.

    @fahimsium1013@fahimsium10133 жыл бұрын

  • loving this build so far, 30 minutes in. thanks for the fantastic content! joined the channel :)

    @lrajoo11@lrajoo112 жыл бұрын

    • Welcome aboard the PAPAFAM thank you!!!

      @SonnySangha@SonnySangha2 жыл бұрын

    • hey you build this project?

      @AshishSharma-xc3iq@AshishSharma-xc3iq2 жыл бұрын
KZhead