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

Поделиться
HTML-код
  • Опубликовано: 2 дек 2024

Комментарии • 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 3 месяца назад

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

  • @Pinocciochannel
    @Pinocciochannel 3 года назад +19

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

  • @ahmedam77
    @ahmedam77 3 года назад +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

  • @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 года назад

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

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

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

  • @yashchauhan5710
    @yashchauhan5710 3 года назад +2

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

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

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

  • @jcmaker0627
    @jcmaker0627 3 года назад +9

    0:48 wooo man what was that! Awesome

  • @josephnarteyopey6819
    @josephnarteyopey6819 3 года назад

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

  • @qasimyousaf2497
    @qasimyousaf2497 3 года назад +3

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

  • @devx4175
    @devx4175 3 года назад

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

  • @newstromkayleigh
    @newstromkayleigh 6 месяцев назад

    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  6 месяцев назад

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

  • @ahmedam77
    @ahmedam77 3 года назад

    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?

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

  • @bhubeshsr6281
    @bhubeshsr6281 3 года назад +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

  • @gustonalwanga5353
    @gustonalwanga5353 3 года назад +1

    The part about smelling smoke amused me most :)

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

  • @Mukuthasan
    @Mukuthasan 3 года назад +2

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

  • @alicodes22
    @alicodes22 3 года назад +3

    Absolutely love your vids 🔥

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

    • @raygan3
      @raygan3 3 года назад

      Why you are not using tailwind in this project?

    • @johnatasmeloferreira9096
      @johnatasmeloferreira9096 2 года назад

      Ppp0

    • @3dmax40
      @3dmax40 2 года назад

      @@pramodb.n.8847 щщшж

  • @niconico4785
    @niconico4785 3 года назад +2

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

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

  • @camelcasesprogramming992
    @camelcasesprogramming992 3 года назад +1

    Best react native on whole youtube

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

  • @patrickkioko8191
    @patrickkioko8191 2 года назад

    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

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

  • @gamechu69
    @gamechu69 3 года назад +1

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

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

  • @majdkhasib76
    @majdkhasib76 3 года назад

    thank you very much for your time Sonny

  • @lootlydeals
    @lootlydeals 3 года назад

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

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

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

  • @ahmedam77
    @ahmedam77 3 года назад +3

    That's extremely helpful!!!

  • @zafry
    @zafry 3 года назад +1

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

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

  • @prathmesh_shinde_
    @prathmesh_shinde_ 3 года назад +1

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

    • @chitrangsharma
      @chitrangsharma 3 года назад

      Is there any limit in firebase ?

    • @prathmesh_shinde_
      @prathmesh_shinde_ 3 года назад +1

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

    • @chitrangsharma
      @chitrangsharma 3 года назад

      @@prathmesh_shinde_ ohkk thank you.bro

  • @myhendry
    @myhendry 3 года назад

    clean, clear and concise course. tq sonny

  • @skyhi-yt
    @skyhi-yt 3 года назад +2

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

  • @supercoolnerd23
    @supercoolnerd23 3 года назад

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

  • @TechnicalAnkesh
    @TechnicalAnkesh 3 года назад +6

    This is the reason why Sonny Sangha is famous for React he is also called the God of React🥰

  • @avijitbiswas1017
    @avijitbiswas1017 3 года назад +1

    Keep it up Sonny. Always support you💥❤️

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

  • @dorothyarnoldg5137
    @dorothyarnoldg5137 2 года назад

    whoahhh this way of coding i really like it

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

  • @madanghimire1853
    @madanghimire1853 3 года назад +7

    This is amazing add private message functionality there in next built

    • @chris3079
      @chris3079 3 года назад +1

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

  • @rohitghosal3868
    @rohitghosal3868 3 года назад

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

  • @itp32angular
    @itp32angular 3 года назад

    Best tutor on Internet

  • @atotech237
    @atotech237 3 года назад

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

  • @josh-m8205
    @josh-m8205 3 года назад +1

    Will styled components work with react native??

  • @FahadKiani1
    @FahadKiani1 3 года назад

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

  • @arslanjajja7578
    @arslanjajja7578 3 года назад +2

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

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

  • @monles2352
    @monles2352 2 года назад

    LOVE your energy

  • @hemrajjeure2210
    @hemrajjeure2210 3 года назад +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?

  • @khizer3528
    @khizer3528 3 года назад +1

    Thanks Sonny for this Amazing Content 💓

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

  • @vinuthmarasinghe3932
    @vinuthmarasinghe3932 3 года назад +8

    Need more react-native
    thanks

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

  • @suppress4813
    @suppress4813 7 месяцев назад

    thanks man! im gonna play type soul now!

  • @muruganandhams4203
    @muruganandhams4203 3 года назад

    Learned a lot.Thanks for it bro

  • @himangshumedhi2886
    @himangshumedhi2886 3 года назад +1

    I like the thumbnail

  • @Terrorifiction
    @Terrorifiction 3 года назад

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

  • @mattwalkgaming2626
    @mattwalkgaming2626 3 года назад

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

  • @yogajourney9519
    @yogajourney9519 3 года назад +4

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

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

  • @kresnofatihimani8402
    @kresnofatihimani8402 3 года назад +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 🧡🧡🔥🔥🔥🔥🔥🔥🔥

  • @khizarali3286
    @khizarali3286 3 года назад +1

    Love u man love u

  • @karimdakrouri3410
    @karimdakrouri3410 3 года назад +2

    Hi i am trying to open in web but keep getting Module not found: Can't resolve '../Utilities/Platform'

    • @nishantkumar6960
      @nishantkumar6960 3 года назад

      you deleted this component from your project folder but the mentioned line of code is still there in another components. Search this line in vscode and delete it👍❤️💖

    • @karimdakrouri3410
      @karimdakrouri3410 3 года назад

      My component is still there. I can see it in vsc

    • @nishantkumar6960
      @nishantkumar6960 3 года назад

      @@karimdakrouri3410then path is wrong. check if the path is correct

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

  • @saratahiri5111
    @saratahiri5111 3 года назад

    LOVED THIS !!!

  • @codefromanywhere
    @codefromanywhere 3 года назад

    Wow nice man, great content

  • @jdcrunchman999
    @jdcrunchman999 Год назад

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

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

  • @Ajay-ke6lh
    @Ajay-ke6lh 3 года назад

    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🙏

  • @christopheroneill7846
    @christopheroneill7846 3 года назад

    Thank you Sonny!!!!

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

  • @securevault6549
    @securevault6549 3 года назад

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

  • @Joanne-vn8fs
    @Joanne-vn8fs 5 месяцев назад

    I'm excited to see where your channel goes.

    • @SonnySangha
      @SonnySangha  5 месяцев назад

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

  • @Akashkumar-md6rg
    @Akashkumar-md6rg 3 года назад

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

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

  • @analikwuchristopher1030
    @analikwuchristopher1030 3 года назад +1

    funny how you use a framework from facebook to build a rival to whatsapp. Great job man.

  • @jameing3176
    @jameing3176 5 месяцев назад +1

    Woke up to this video for no reason.

    • @SonnySangha
      @SonnySangha  5 месяцев назад

      Maybe it’s a sign to code…

  • @johnsheikh3831
    @johnsheikh3831 2 года назад

    Dose this still use the encryption signal provides?

  • @RKD_24
    @RKD_24 3 года назад

    This is awesome. I am just waiting for next live

  • @metabeeps1324
    @metabeeps1324 3 года назад

    nice work, loving it

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

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

  • @rohitghosal3868
    @rohitghosal3868 3 года назад

    Sir can you suggest which snippet tools you used here?

  • @maulikdudhat9908
    @maulikdudhat9908 3 года назад

    Which headphones you are use ?

  • @LucasAlves-yf8pf
    @LucasAlves-yf8pf 3 года назад

    parei no 3:19:29 começa o error de cota excedida pelo firebase

  • @AkbarAli-vt8or
    @AkbarAli-vt8or 2 года назад

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

  • @nicolasyracing
    @nicolasyracing 3 года назад

    Sonny, sos un grande, buenisimo el video

  • @lrajoo11
    @lrajoo11 3 года назад +1

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

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