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

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ • 363

  • @SonnySangha
    @SonnySangha  2 роки тому +7

    📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university

  • @jkuhede
    @jkuhede 3 роки тому +7

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

  • @thatrandomguywhoeveryonekn3635
    @thatrandomguywhoeveryonekn3635 3 роки тому +26

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

    • @SonnySangha
      @SonnySangha  3 роки тому +15

      Hahaha appreciate the support brother!

    • @createurdeparisrp
      @createurdeparisrp 4 місяці тому

      @@SonnySangha more buacuse this 11 hours and you can't add name of music ?

  • @bz6304
    @bz6304 3 роки тому +12

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

    • @СлаваРоманов-ц8в
      @СлаваРоманов-ц8в 2 роки тому

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

  • @Pinocciochannel
    @Pinocciochannel 3 роки тому +19

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

  • @nicholasbazzoni7084
    @nicholasbazzoni7084 2 роки тому

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

  • @ptitjo9475
    @ptitjo9475 3 роки тому +4

    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.

  • @ahmedam77
    @ahmedam77 4 роки тому +2

    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

  • @SonnySangha
    @SonnySangha  3 роки тому +28

    Watch my REACT BASICS 101 class for FREE with 1 month FREE SkillShare access here (First 1000 people) skl.sh/2Srfwuf

    • @pramodb.n.8847
      @pramodb.n.8847 3 роки тому +2

      I don't have message being sent rendering on screen but it's registered in my firestore database ? Any help on this issue please ?

    • @juancortes3994
      @juancortes3994 3 роки тому

      78 kvhkmcb8b7bn7bb7mv7. Rr u y... R
      U... v7. U. R.? Oryu. U... Tirur. R
      R uruguayo uu7g uu7g y Tirúa Tiru respecto gj
      mlror. Ob
      K I98k0 r.. Ory or. U oru.
      Ory r. O.
      Oru. 7 7 orry.
      R u . Or57iur uuyru. R p. Prr.

    • @sus-net
      @sus-net 3 роки тому

      Why you are not using tailwind in this project?

    • @johnatasmeloferreira9096
      @johnatasmeloferreira9096 2 роки тому

      Ppp0

    • @3dmax40
      @3dmax40 2 роки тому

      @@pramodb.n.8847 щщшж

  • @suatbayrak2703
    @suatbayrak2703 2 роки тому +1

    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 ?

  • @newstromkayleigh
    @newstromkayleigh 7 місяців тому

    You are the absolute best!!!!! Thanks so much for this man!. Just started React Native and found your channel. Thank you for this!.

    • @SonnySangha
      @SonnySangha  7 місяців тому

      You're welcome! Why not check out the community & course youll love it!
      www.papareact.com/course

  • @sahej97
    @sahej97 3 роки тому +5

    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 🙄

  • @yashchauhan5710
    @yashchauhan5710 3 роки тому +2

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

  • @bhubeshsr6281
    @bhubeshsr6281 4 роки тому +3

    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

  • @qasimyousaf2497
    @qasimyousaf2497 3 роки тому +3

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

  • @josephnarteyopey6819
    @josephnarteyopey6819 3 роки тому

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

  • @devx4175
    @devx4175 3 роки тому

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

  • @jcmaker0627
    @jcmaker0627 4 роки тому +9

    0:48 wooo man what was that! Awesome

  • @alicodes22
    @alicodes22 4 роки тому +3

    Absolutely love your vids 🔥

  • @patrickkioko8191
    @patrickkioko8191 3 роки тому

    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

  • @Mukuthasan
    @Mukuthasan 3 роки тому +2

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

  • @supercoolnerd23
    @supercoolnerd23 3 роки тому

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

  • @gustonalwanga5353
    @gustonalwanga5353 3 роки тому +1

    The part about smelling smoke amused me most :)

  • @ahmedam77
    @ahmedam77 4 роки тому +3

    That's extremely helpful!!!

  • @jerryjohnthomas4908
    @jerryjohnthomas4908 3 роки тому +2

    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

  • @christinad.ridley5280
    @christinad.ridley5280 3 роки тому +2

    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

  • @dimakavetskyy2082
    @dimakavetskyy2082 2 роки тому

    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?

  • @saabirmohamed636
    @saabirmohamed636 3 роки тому +4

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

  • @marielukesova5021
    @marielukesova5021 3 роки тому +2

    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.

    • @SonnySangha
      @SonnySangha  3 роки тому +1

      Exactly!!! Thank you for supporting!

  • @avijitbiswas1017
    @avijitbiswas1017 4 роки тому +1

    Keep it up Sonny. Always support you💥❤️

  • @myhendry
    @myhendry 3 роки тому

    clean, clear and concise course. tq sonny

  • @dorothyarnoldg5137
    @dorothyarnoldg5137 2 роки тому

    whoahhh this way of coding i really like it

  • @atotech237
    @atotech237 3 роки тому

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

  • @ahmedam77
    @ahmedam77 4 роки тому

    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?

  • @gamechu69
    @gamechu69 3 роки тому +1

    You are a company in yourself. 1000hours of project work you do in 3-4 hours.😀 . Really GOD level.

  • @nitishmani2781
    @nitishmani2781 2 роки тому

    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

  • @Steven-wo9bm
    @Steven-wo9bm 3 роки тому

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

  • @khizer3528
    @khizer3528 4 роки тому +1

    Thanks Sonny for this Amazing Content 💓

  • @muruganandhams4203
    @muruganandhams4203 3 роки тому

    Learned a lot.Thanks for it bro

  • @camelcasesprogramming992
    @camelcasesprogramming992 3 роки тому +1

    Best react native on whole youtube

  • @faijaanmemon
    @faijaanmemon 3 роки тому +1

    @Sonny Sangha brother, I am getting this error
    Firebase: A network AuthError (such as timeout, interrupted connection or unreachable host) has occurred. (auth/network-request-failed).
    while registering ( 1:18:00 ) at this step , can you please help me with this or anyone from our papafam,
    btw your channel is blessing brother ♥ thank you.
    Ps:[ i googled and tried many ways from stackoverflow and github issues but nothing worked in my case]

    • @gopalakrishnan2357
      @gopalakrishnan2357 2 роки тому

      I have same issues

    • @aihrarshaikh8975
      @aihrarshaikh8975 2 роки тому +1

      even tho I think you guys already solved this problem I will leave this here for future readers
      this error is happening most probably because of the setting of your emulator stopping it to use internet ,you can try
      1 ) restart the metro (always try this first no matter what the error is when working with react native
      2 ) make sure your emulator have play store support if not create new a emulator then try expo start
      3 ) use your physical device to run the app , this should solve your problem

  • @favourguy2594
    @favourguy2594 3 роки тому

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

    • @SonnySangha
      @SonnySangha  3 роки тому +2

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

  • @Octrox
    @Octrox 3 роки тому +1

    The 'rnfe' commands at 27:06 does not show up for me. What am I missing?

    • @bikram.rongpi
      @bikram.rongpi 3 роки тому +1

      install ES7 React/Redux/GraphQL/React-Native snippets
      in VS Code extension

    • @Octrox
      @Octrox 3 роки тому +1

      @@bikram.rongpi Thank you so much!

  • @codewithyug1129
    @codewithyug1129 3 роки тому +1

    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

  • @ghachidev
    @ghachidev 3 роки тому +1

    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

  • @saratahiri5111
    @saratahiri5111 3 роки тому

    LOVED THIS !!!

  • @lootlydeals
    @lootlydeals 3 роки тому

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

  • @rayanfernandes2631
    @rayanfernandes2631 3 роки тому

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

  • @husyildirim
    @husyildirim 3 роки тому

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

  • @a2515
    @a2515 Рік тому

    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

  • @niconico4785
    @niconico4785 3 роки тому +2

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

  • @prathmesh_shinde_
    @prathmesh_shinde_ 4 роки тому +1

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

    • @chitrangsharma
      @chitrangsharma 4 роки тому

      Is there any limit in firebase ?

    • @prathmesh_shinde_
      @prathmesh_shinde_ 4 роки тому +1

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

    • @chitrangsharma
      @chitrangsharma 4 роки тому

      @@prathmesh_shinde_ ohkk thank you.bro

  • @rohitghosal3868
    @rohitghosal3868 3 роки тому

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

  • @Terrorifiction
    @Terrorifiction 4 роки тому

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

  • @emirhankarahan2931
    @emirhankarahan2931 3 роки тому +7

    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.

  • @startup853
    @startup853 3 роки тому

    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?

  • @majdkhasib76
    @majdkhasib76 4 роки тому

    thank you very much for your time Sonny

  • @metabeeps1324
    @metabeeps1324 3 роки тому

    nice work, loving it

  • @itp32angular
    @itp32angular 3 роки тому

    Best tutor on Internet

  • @zafry
    @zafry 4 роки тому +1

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

  • @Joanne-vn8fs
    @Joanne-vn8fs 7 місяців тому

    I'm excited to see where your channel goes.

    • @SonnySangha
      @SonnySangha  6 місяців тому

      Let’s blow it up to the moon!!!

  • @FahadKiani1
    @FahadKiani1 4 роки тому

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

  • @khizarali3286
    @khizarali3286 3 роки тому +1

    Love u man love u

  • @lalobarrios16
    @lalobarrios16 3 роки тому +1

    Awesome job bro. But that query inside the CustomListItem was the reason for the fast quota limit. It would render non-stop. Thank you for your nice work.

    • @nb785
      @nb785 3 роки тому +1

      how did u solve it ?

    • @savingsoulsforchrist6185
      @savingsoulsforchrist6185 3 роки тому +1

      This is my questions also bro help us pls

    • @lalobarrios16
      @lalobarrios16 3 роки тому +1

      @@nb785 The cause was the "useEffect" hook he used on the "CustomListItem.js" because he did not pass a dependency list. You can fix it by simply passing an empty array [] like this: useEffect(()=>{},[]); There is something else I should recommend and that is to avoid using a listener on this particular case inside "CustomListItem.js" because it would create as many listeners as the times this component is rendered. You could make this work by doing the listener on HomeScreen.js instead.

    • @savingsoulsforchrist6185
      @savingsoulsforchrist6185 3 роки тому +1

      @@lalobarrios16 u have a GitHub with these updates? Or do u think if I add the box it’s fine ? Btw that u so much for the fast reply, god bless

    • @nb785
      @nb785 3 роки тому +1

      @@lalobarrios16 are u sure that's the only issue, bc he's bugged out at 3 hour mark before he implemented that.

  • @niteshsahu831
    @niteshsahu831 3 роки тому

    Thank you so much for this awesome content

  • @kamleshrode
    @kamleshrode 3 роки тому +1

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

  • @arslanjajja7578
    @arslanjajja7578 4 роки тому +2

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

  • @monles2352
    @monles2352 2 роки тому

    LOVE your energy

  • @RKD_24
    @RKD_24 4 роки тому

    This is awesome. I am just waiting for next live

  • @codeisamagicalthang
    @codeisamagicalthang 3 роки тому

    Wow nice man, great content

  • @suppress4813
    @suppress4813 8 місяців тому

    thanks man! im gonna play type soul now!

  • @podclips198
    @podclips198 3 роки тому +2

    While returning the snapshot data at 2:13:20 my chats arent showing up, please help I don't want to lose my 2 hours of hardwork

    • @hardiktulsiani2075
      @hardiktulsiani2075 3 роки тому +1

      @Rant-I-ndian same thing is happening with me please share the solution to this if u get it.

    • @hardiktulsiani2075
      @hardiktulsiani2075 3 роки тому +1

      return (


      {
      chats.map(({id,data:{chatName}}) => {
      return ();
      })
      }


      This would work

    • @akashgajendra340
      @akashgajendra340 3 роки тому

      @@hardiktulsiani2075 Thank you so much man, the return() did the trick. Appreciate the help!

    • @hardiktulsiani2075
      @hardiktulsiani2075 3 роки тому

      @@akashgajendra340 you're welcome bro

  • @Akashkumar-md6rg
    @Akashkumar-md6rg 4 роки тому

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

  • @josh-m8205
    @josh-m8205 3 роки тому +1

    Will styled components work with react native??

  • @lrajoo11
    @lrajoo11 3 роки тому +1

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

  • @mattwalkgaming2626
    @mattwalkgaming2626 3 роки тому

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

  • @MarcusHammarberg
    @MarcusHammarberg 3 роки тому

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

  • @madanghimire1853
    @madanghimire1853 4 роки тому +7

    This is amazing add private message functionality there in next built

    • @chris3079
      @chris3079 4 роки тому +1

      He build a chat app without private message functionality lol Ben Awad has actually full tutorials

  • @vinuthmarasinghe3932
    @vinuthmarasinghe3932 3 роки тому +8

    Need more react-native
    thanks

  • @skyhi-yt
    @skyhi-yt 3 роки тому +2

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

  • @levitica2017
    @levitica2017 Рік тому

    How do you instantly get the messages from the other user? I missed that part and I can't find the timestamp where you're doing that, thanks!

  • @always-shaiva
    @always-shaiva 3 роки тому

    you are awesome sonny

  • @johnsheikh3831
    @johnsheikh3831 2 роки тому

    Dose this still use the encryption signal provides?

  • @amitpaul6109
    @amitpaul6109 Рік тому

    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.

  • @hemrajjeure2210
    @hemrajjeure2210 4 роки тому +5

    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?

  • @kresnofatihimani8402
    @kresnofatihimani8402 4 роки тому +2

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

  • @yogajourney9519
    @yogajourney9519 3 роки тому +4

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

  • @nicolasyracing
    @nicolasyracing 3 роки тому

    Sonny, sos un grande, buenisimo el video

  • @securevault6549
    @securevault6549 3 роки тому

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

  • @christopheroneill7846
    @christopheroneill7846 3 роки тому

    Thank you Sonny!!!!

  • @rohitghosal3868
    @rohitghosal3868 3 роки тому

    Sir can you suggest which snippet tools you used here?

  • @codewithyug1129
    @codewithyug1129 3 роки тому +3

    Hey Sonny, I have just started learning React js and React-Native, so can I sign up for the 5 day challenge?

    • @SonnySangha
      @SonnySangha  3 роки тому +2

      YES

    • @codewithyug1129
      @codewithyug1129 3 роки тому

      @@SonnySangha Thanks man immediately opening the website and signing up. Hey, I know that none of my projects can match yours but it would be great if you could comment on any of my python project videos or my basic chat website

    • @codewithyug1129
      @codewithyug1129 3 роки тому

      @@SonnySangha just subscribed to both clever programmer and your channel

  • @vandameh.a2235
    @vandameh.a2235 3 роки тому

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

  • @jdcrunchman999
    @jdcrunchman999 2 роки тому

    Will this Signal be able to send messages to the "real" signal? Or does this just NOT use the point to Point encryption.

  • @madelinechuania9053
    @madelinechuania9053 Рік тому

    Amazing content Sonny! - MAMA bear

  • @mosescarbin1626
    @mosescarbin1626 2 роки тому

    Would I be able to make this into my own app and publish it to app stores?

  • @noahkwon8326
    @noahkwon8326 3 роки тому +1

    Hey Sonny love the videos. I'm stuck at expo install firebase. It's giving me an error for some reason and will not install firebase. I feel like I did everything the same leading up to that point. Not sure why I am getting a "yarnpkg exited with non-zero code: 1" right after "Failed to execute 'node-gyp.cmd configure --fallback-to-build --library=static_library --module..."

    • @lokeshr9794
      @lokeshr9794 3 роки тому

      It did not work for me either. Although just try to install firebase separately, that should the job

  • @maulikdudhat9908
    @maulikdudhat9908 3 роки тому

    Which headphones you are use ?

  • @M-ABDULLAH-AZIZ
    @M-ABDULLAH-AZIZ Рік тому

    how expensive would firebase be in a production environment for chat app? and would it be able to scale for like 50k users using the app?

  • @KevinYasar
    @KevinYasar Рік тому

    Firebase auth wont find createUserByEmailAndPassword line did i import firebase/auth wrong?