Man Sonny, I was the worst in my class in high school, I've always wanted to be a programmer because I like logic, but every one of my friends said I suck at math and could not possibly be a programmer. But then I saw one of your videos with Qazi, I learn bits by bits through the videos, I worked as a marketing employee at a company I don't even like and now, after 1.5 years, I can build full-stack websites, work at a job I love ( even though the money is still to come ) thanks to you guys. I thank you
Do you know how to fix this error? I keep getting it when I run 'yarn start' "Failed to compile. Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app' ERROR in ./src/app/store.js 4:0-62 Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app' webpack compiled with 1 error"
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
Just discovered your channel. Currently building a Google Keep clone in CRA and you've inspired me to give the stack you're using a go while doing that as it looks very slick! Keep up the good work man, no wonder you're growing fast.
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
Sonny I love u mahn Istg I just completed building this clone and I can’t thank you enough❤️😭. Means a lot bro Waiting for more of your videos Take care bro.
You are amazing! I am new to your channel and everything is just hyping me up! I love the vibes! I'm glad I found your channel! I was looking for something else, and whenever I open a video on your channel, I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF! I hope you achieve your goal on whatever you are planning for. Thank you so much for your effort and this genuine content! Subscribed!
Sonny, great work! How much calculus do you use for coding? I use JavaScript with HTML and CSS now and have not had to come across it yet but would like to know if I need to know it for full stack web developement?
yo sonny i didnt expect that u will answer but my question is why we use stringify at 2:17:29 what problem does it solve and if we send data in backend at what point in time ? sorry for eng btw)))
My main gripe with these styled guides/tutorials is that it's incredibly distracting re-watching a livestream and every few minutes something happens like a donation or whatever that causes scene changes and a random topic that's not about what you're doing. might just be me though lol. other than that, good stuff though I'd do some things slightly differently
Now I know that People could get annoyed as a beginner As well With 8+ years of experience... I presumed only beginnerrs would feel like that... Sorry..
It doesn't matter. This videos are for free so why to complain about that? It's the people that raises a youtuber's channel... If you don't like that you can pay for a course
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
who is this guy ? who is Sonny Damn. you're amazing Bro... Thanks for everything and your explanations. I hope i will one day do the same as you and inspire people just like you're doing
Thank you so much for all this content!!! I'm learning so much (and i was already good with React/Nextjs) Can you please share your favorite music list? I would love to give it a try :)
brother ive been trying to resolve scroling in message container affter using scrollIntoView but its not working literally please help me i want to show this project in my upcoming internship interview
About the _rfce code snippet... Mine doesn't work. Only rfce, without the underscore. Did it change? Non of the ES7+ extension code snippets with underscore works here, only without it... I need to remove the auto import every single time. Bit annoying.
I have created this exactly how you did it. I have no clue what and how works. Furthermore, the initial load of the first chat clicked on after a login takes 6 seconds to load and I have no clue how to change it.
Thank you for the great tutorial Sonny I am having issues with running the app on mobile web browsers. The app works perfectly fine on my laptop but when I use it on my phone the display is completely broken. Can you please tell me how I can solve this issue?
use media queries in css .. pages are broken because the size of the display in both devices are different. You should make responsive site if you want open it in multiple devices..
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
Hey PapaReact, I'm just watching this video and I'm really loving it but I'll like to understand firebase very well to be able to use the various functions like getting a snapshot, useAuthState and the likes. Please where can I learn them from?
I think you can learn by reading the firebase documents, although it's not very clear you can always read the articles and examples, or learn about firebase react libraries
nice, Some questions, why not render the side menu in _app assuming it is on a few pages? Check Email Can I activate the function in the side menu once ?! And user authentication really should always bring the HOOK and not do in one place?
I have added firebase using yarn add firebase but still i am getting the error "Module not found" and it points to the line "import firebase from "firebase" " . I have deleted the package-lock.json file and am completely on the yarn environment. Does anybody have any idea?
Correct me if I'm wrong, but you never actually rendered the data we passed down as props from the server-side. When rendering the messages, you still render them from firebase, which is not as instantaneous. I am able to log the serverside data in the console, but when it comes to mapping the array and rendering each message, it tells me that "messages.map" is not a function. How can I go about rendering the data from the serverside?
Same situation for me. I'm just pushing all collections(db, 'users',) and then getDocs... i'm now facing the issues on the const chat. :/ were you able to resolve this for Fb9?
@@webpapi I was not able to :/ the main reason why I was trying to render from server side is because FB9 was not sending the data in chronological order, which makes the messages come in a random order. My goal was to sort the messages in order on the server-side and then show them to the user. Unfortunately, FB9 nor server-side wants to cooperate with me. I also just decided to deploy this today and it works fine, but when I try to open a chat, I get an error 500 (internal server error).
THANK YOU Sonny! quick question: does this app send constant GET requests to be 'real-time'? How does you auto receive a message when some sends you one (without a page reload)?
Hi Sonny, great build man! I am stuck, how did you fix the Server Side Rendering? Mine is just loads and takes time to show the messages. Can anyone help me please?
Hey Sonny, awesome build. I have 2 questions: • Can we use Netlify instead of Vercel and hostinger • Why was I banned from the discord server when I didn't violate any rule
![Build a Secure Realtime Chat App in React Native [3] (tutorial for beginners) 🔴](/img/n.gif)
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
Man Sonny, I was the worst in my class in high school, I've always wanted to be a programmer because I like logic, but every one of my friends said I suck at math and could not possibly be a programmer. But then I saw one of your videos with Qazi, I learn bits by bits through the videos, I worked as a marketing employee at a company I don't even like and now, after 1.5 years, I can build full-stack websites, work at a job I love ( even though the money is still to come ) thanks to you guys. I thank you
You are absolutely welcome dude!!! Keep on crushing it!!
Anything you wanna recommend for someone who wants to achieve the same as you?
@@damaged804 Stop asking. Start doing..
I have paid fees for whole school and college
and i have learnt more for free from this guy
Th@nks Man
This guy is out here doing more than what high school or college ever did for me lol
facts
True
more than cs degree in college, agreed
@@aimanyounis8387 hbblbbuhh
@@PedroLomeli04 ol
Ok o
that's excactly what I was waiting for. Thanks CRACK!
Your clone projects helped me so much!! Great source ever
Do you know how to fix this error? I keep getting it when I run 'yarn start'
"Failed to compile.
Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app'
ERROR in ./src/app/store.js 4:0-62
Module not found: Error: Can't resolve '../features/counter/counterSlice' in '/Users/felixrumah/Desktop/mobile-app/netflix/netflix-build-youtube/src/app'
webpack compiled with 1 error"
I thought we could not do the one to one chat in a day. But you are simply nailed it.
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
@@xtrznesockets
Thank you Sonny! You are awesome! Always learning new with you!
Just discovered your channel. Currently building a Google Keep clone in CRA and you've inspired me to give the stack you're using a go while doing that as it looks very slick! Keep up the good work man, no wonder you're growing fast.
P
P
P
TabNine is amazing. But what I like is that it's not making me faster only but also more accurate.
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
I'm smashing the thumbs up!. Great real world debugging session.
This week I was like "when will sonny do next js". And kaboom 💣
Love u bro 💜💜
Sonny I love u mahn
Istg I just completed building this clone and I can’t thank you enough❤️😭.
Means a lot bro
Waiting for more of your videos
Take care bro.
1:37:07 thattrick made my day
Channel discovered...awesome stuff
sonny u are helping a lot a for our career thanks for helping us man
love you
Amazing build Sonny and thanks for the one to one chat
Thanks
Thank you so much!!!! 🙏🏽
Mind boggling channel. Aag laga diya
You are absolutely AWESOME :) Great man... U r just saving so many Lives :) Thank u...
I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF!
This is the best channel I have ever come across. Thank yo sonny for such great clones in react. keep uploading. awesome work.
Sonny you are a beast, words can not describe how much I appreciate your content
Great Sonny Sangha. Thanks for sharing knowledge.
u sense the trend much b4 the time..... keep uploading on next.js
You are amazing! I am new to your channel and everything is just hyping me up! I love the vibes! I'm glad I found your channel!
I was looking for something else, and whenever I open a video on your channel, I CAN'T STOP DUDE! I JUST CAN'T STOP MYSELF!
I hope you achieve your goal on whatever you are planning for.
Thank you so much for your effort and this genuine content!
Subscribed!
²²ìioìpl9
Sonny your content is amazing man 🔥
This is next level. Best channel on TH-cam
Loved the clone ✨ 🚀
Your clone was also amazing bro Starbucks and tesla.
@@snssatyabhagavan ❤️
loving your work all the way from Nigeria Sonny
Amazing Sonny ... Love your content ❤️
Great clone tutorial, will you do a slider clone but this time with typescript?
Sonny, I have a job because of you man 💙
Thank you soooo much bro 🙏
A true professional programmer. Yes, Sonny => Keep on bringing the fire.
Dude!! you are amazing, thanks for all.
i am the youngest coder at school thanks to you
OMG THE ACTUALLY PAPA HEARTED ME
Sonny, great work! How much calculus do you use for coding? I use JavaScript with HTML and CSS now and have not had to come across it yet but would like to know if I need to know it for full stack web developement?
yo sonny i didnt expect that u will answer but my question is why we use stringify at 2:17:29 what problem does it solve and if we send data in backend at what point in time ? sorry for eng btw)))
Wow this is insane!!
My main gripe with these styled guides/tutorials is that it's incredibly distracting re-watching a livestream and every few minutes something happens like a donation or whatever that causes scene changes and a random topic that's not about what you're doing. might just be me though lol. other than that, good stuff though I'd do some things slightly differently
Once you are not a beginner anymore, u don't feel lost..
But yes it's annoying . But I just skipp those moments 😁
@@LUKFUNTV 8 years in the industry professionally so i doubt I’m a beginner.
@@mikkurogue
U got me wrong totally..
It was my experience...
Now I know that
People could get annoyed as a beginner
As well
With 8+ years of experience...
I presumed only beginnerrs would feel like that...
Sorry..
It doesn't matter. This videos are for free so why to complain about that? It's the people that raises a youtuber's channel... If you don't like that you can pay for a course
Great Clone On Great Keep It Up
Thanks sooo much! Love it. Quick question. Safari doesn't seem to prevent the post from refreshing the page. Any idea?
Hey @Sonny Sangha your videos are amazing , helpful and easily implemented . Kindly make more tutorials for react native...
Amazing stuff as always! Learned SOOO much.
Question: checking in Firebase keys? Is that ok or dangerous?
Firebase public keys are all good! (The config is okay)
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
Espectacular 😊
This is incredible..such high quality tutorial.
best of the best...simple, easy to follow,
Really enjoyed thanks for this ❤️
who is this guy ? who is Sonny Damn. you're amazing Bro... Thanks for everything and your explanations. I hope i will one day do the same as you and inspire people just like you're doing
Thanks :)
Thank you so much for all this content!!! I'm learning so much (and i was already good with React/Nextjs)
Can you please share your favorite music list? I would love to give it a try :)
Thanks so much!
Sign up to the newsletter in the description and we send over the playlist for free!
Never mind you did it later in the video :)
www.epidemicsound.com/playlist/dguvxg1wo7ye19gdfa4y02s7s7xd8gqp/
is this beginner friendly? Can i follow along this video if i know react only, without any knowledge of next js?
Papa React is now Daddy Next. Js
brother ive been trying to resolve scroling in message container affter using scrollIntoView but its not working literally please help me i want to show this project in my upcoming internship interview
Super interesting!!
Next level, Loved it ❤️🔥
Loved it. Subscribed. ❤️❤️
I tried this example with firebase 9 and It's soo cool.
lastSeen: 25 juillet 2022 à 21:12:08 UTC+2
About the _rfce code snippet... Mine doesn't work. Only rfce, without the underscore. Did it change? Non of the ES7+ extension code snippets with underscore works here, only without it... I need to remove the auto import every single time. Bit annoying.
What is the best carousel library to use with next.js project?
Is this only front end?
How did you set up _rfce because it does not work for me?
Need to install the ES7 redux react snippets extension!
@@SonnySangha Thx
How did u make VSCode autoimport all the components once you write the tag in the JSX?
Ctrl+spacebar at the end of the component name to bring up autocomplete and then it’s the first option usually!
How do you connect ist with your cms?
I'm just watching this video and I'm really loving it but I'll like to understand firebase very well.
Thank you very much for the content.
Hey Sonny!! I need help! The Chats appear for ~1 sec and then disappered!! Please Help.
any clue?
@@lPoliticallyFye hope it will help u.
Having same issue. Any luck?
@@prashantdubey4113 no
I have created this exactly how you did it. I have no clue what and how works. Furthermore, the initial load of the first chat clicked on after a login takes 6 seconds to load and I have no clue how to change it.
SUPER .............. !!!!!!!!!! You are the BEST ............... Ok from Russia !!!!!!!!
If we use firebase realtime database instead of firestore , will the functions to add and fetch data be the same ?
Hey Pururaj
Have you built any projects in React? Are you looking out for any job opportunities in React or other JS frameworks currently?
Okey lanjut bosku 👍🙏
Bro I need your help, How to passing data from login page to signup page using react -router 🙏
Please 🥺 help me
Thank you for the great tutorial Sonny I am having issues with running the app on mobile web browsers. The app works perfectly fine on my laptop but when I use it on my phone the display is completely broken. Can you please tell me how I can solve this issue?
Watch the Google clone tomorrow!
use media queries in css .. pages are broken because the size of the display in both devices are different. You should make responsive site if you want open it in multiple devices..
quick question if you can help a lost soul: does this app send constant GET requests to be 'real-time'? How do you auto receive a message when some sends you one (without a page reload)? thanks :)
Hey PapaReact, I'm just watching this video and I'm really loving it but I'll like to understand firebase very well to be able to use the various functions like getting a snapshot, useAuthState and the likes. Please where can I learn them from?
I think you can learn by reading the firebase documents, although it's not very clear you can always read the articles and examples, or learn about firebase react libraries
nice, Some questions, why not render the side menu in _app assuming it is on a few pages?
Check Email Can I activate the function in the side menu once ?!
And user authentication really should always bring the HOOK and not do in one place?
Does useAuthState gets current state from local storage/cookies of client?
What did use to make?
is it functional or just UI based ?
TypeError: Cannot read properties of undefined (reading 'apps') in firebase.js
HOW TO FIX THIS??? @Sonny Sangha
Code in description th-cam.com/video/tcTme7JS6bs/w-d-xo.html
dude you made my day. ;)
Great content, thanks. Rated those spammers 1 star.
Man you are genius
Does firebaseConfig details goes to client and can he misuse them?
The sponsor is worth it...
I have added firebase using yarn add firebase but still i am getting the error "Module not found" and it points to the line "import firebase from "firebase" " . I have deleted the package-lock.json file and am completely on the yarn environment. Does anybody have any idea?
Same issue here!
@@thefarellateam found the solution just downgrade firebase to 8.9.1
@@subhadeepdas9814 Hi bro, How can I downgrade? could you please help me?
Hey Subhadeep
Have you created any projects in JavaScript frameworks? Are you a fresher and open to opportunities in web development currently?
@@NaimSiddiquiBD type npm install firebase@8.9.1
My messages are not getting aligned properly according to sender and reciever. I tried but it doesnt work for me , also rechecked the code.
Eu amo esse tipo de vídeo! até me inscrevi.
Correct me if I'm wrong, but you never actually rendered the data we passed down as props from the server-side. When rendering the messages, you still render them from firebase, which is not as instantaneous. I am able to log the serverside data in the console, but when it comes to mapping the array and rendering each message, it tells me that "messages.map" is not a function. How can I go about rendering the data from the serverside?
Same situation for me. I'm just pushing all collections(db, 'users',) and then getDocs... i'm now facing the issues on the const chat. :/ were you able to resolve this for Fb9?
@@webpapi I was not able to :/ the main reason why I was trying to render from server side is because FB9 was not sending the data in chronological order, which makes the messages come in a random order. My goal was to sort the messages in order on the server-side and then show them to the user. Unfortunately, FB9 nor server-side wants to cooperate with me. I also just decided to deploy this today and it works fine, but when I try to open a chat, I get an error 500 (internal server error).
I am experienced in react but new to next js. Can I go through this course ?
Yes Ofcourse!!
@@SonnySangha thanks for the response
THANK YOU Sonny! quick question: does this app send constant GET requests to be 'real-time'? How does you auto receive a message when some sends you one (without a page reload)?
Can you do ReactJS or NEXTJS with Laravel?
Idk why I didn't get the same issue during the login page and I'm not being redirected to the login page as you are what could be the issue?
33:45 But I am getting hook error after adding two more icons
Can I publish it on GooglePlaystore or AppStore
For me scroll to bottom function is not working
Hi Sonny, Client access to firebase keeps expiring after a few weeks. How do I make it last longer so I can build and send out a portfolio. Thank you.
I am having the same problem, were you able to find a solution to make it last longer?
@@traqrcorp Hi Chetan, in his tutorial on LinkedIn(the four project video) he explains how to change the rules on firebase.
@@ronananderson Thank you!!
So you just told me how WhatsApp is the ultimate back door 🚪!
😂😂😂
Hi Sonny, great build man! I am stuck, how did you fix the Server Side Rendering? Mine is just loads and takes time to show the messages. Can anyone help me please?
Hey Sonny, awesome build. I have 2 questions:
• Can we use Netlify instead of Vercel and hostinger
• Why was I banned from the discord server when I didn't violate any rule
Most likely age!
@@SonnySangha oh ok! But can we use Netlify or heroku instead of Vercel and hostinger? 🤔
Watch my REACT BASICS 101 class for FREE with 1 month FREE SkillShare access here (First 1000 people) skl.sh/2Srfwuf
Thank you so much sonny for your tutorials . i have learnt so many things in react by just watching it..you're really awesome :)
@@letswalk4168 io
@@letswalk4168 ion
@@oonewayyy thgmhm
@@oonewayyy hmhfggmb