📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
@yashchauhan57103 жыл бұрын
the most loved and most valued react dev on youtube ...tyyy u changed my life , I finally got a job
@andyb99903 жыл бұрын
Imma start calling Sonny 'The Mailman' because he always delivers! Thanks Sonny, I needed to work on styled components more.
@govindbchandran86813 жыл бұрын
Or we could call him PostMan 😉
@alaahashem89002 жыл бұрын
can you help me bro , when I write that, const [ user, loading ] = useAuthState(auth); this message is shown to me : auth.onAuthStateChanged is not a function i don't why
@superjke7182 жыл бұрын
Amazing energy. I'm an experienced backend developer however relatively new to React - just over halfway and loving this build so far. Keep up the good work Sonny.
@CandyMoney10003 жыл бұрын
Holy shit.... so much better than the Clever Programmer collabs
@HorizonHuntxr3 жыл бұрын
Soo true 😂
@daviddunnington65343 жыл бұрын
Sonny can you add segments to your videos? It will help us find sections we need when re watching it also helps you show up better in search results.
@SonnySangha3 жыл бұрын
Done dude!
@daviddunnington65343 жыл бұрын
Thanks
@ThePirateAbi3 жыл бұрын
@@SonnySangha thank you so much
@ganesha35593 жыл бұрын
Nice tutorial. Recently in our office we tried to implement a Full Office Messaging Clone with a look of Slack. Though we succeeded in making the frontend with ease (it was done in Electron React) the messaging backend engine which could perform at scale was very difficult and needed quite a lot of research. Still there are cracks! But all in all good experience. So the take away what i got was, frontend could be materialized easily but to make a full product it takes whole lot more than just a simple tutorial.
@awakenwithoutcoffee5 ай бұрын
good insights! looking back what would you recommend for a dev looking to prevent these issues ?
@setimarz2 жыл бұрын
thanks for the great content! If someone is getting this error: Module not found: Error: Package path . is not exported from package try this in the firebase.js file import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; it worked for me:)
@kriptonVIP Жыл бұрын
Thanks, and for correct working GoogleAuthProvider i add, import { GoogleAuthProvider } from "firebase/auth"; and replace const provider = firebase.auth.GoogleAuthProvider(); on const provider = new GoogleAuthProvider();
@techware46493 жыл бұрын
It's a Good move to do your own thing, your fire is burning hot enough to last a lifetime, keep on keeping on!
@crazeislive_cil2 жыл бұрын
Hey sunny. Pretty awesome stuff. You are literally helping lot developers to make there careers. I have a small request, if you get some time please make a detailed video on ReactJs testing. I know its very important, and I am having pretty tough time on it, and I believe so does other developers. Thanks man for everything you are giving for free.
@smashtechofficial2 жыл бұрын
WHY IS THIS IN MY HISTORY????
@rreay7243 жыл бұрын
Man I'm so glad you broke off to do your own thing. I think it's much better quality and more focused when you're solo doing your own thing. Good for you, dude and thanks for all the content.
@abhinavdhama30143 жыл бұрын
sonny you killed it man .You are providing awesome content . Only thing got positive in my life during this corona is YOUR VIDEOS,TUTORIALS,CLONE BUILDS and now you are deleivering the styled components
@weixing89859 ай бұрын
Thanks for doing this for free! I've been working as a full stack engineer for years and still can learn a lot from your video!
@DrewNorman3 жыл бұрын
Papa FAM is the best community in the world. and we have the best teacher. Sonny you are blessed with coaching talent. Keep up this positive energy guys. I never in a million years figured I would be able to learn this stuff so fast.
@subinneupane92233 жыл бұрын
I have learned so much from Sonny in 2 weeks than from my Uni in 2 years LMAO
@DarkShadow-oh5di3 жыл бұрын
Same tho!
@gerard027003 жыл бұрын
uinversity is a waste of time and money a lot of theory
@nardopolo1012 жыл бұрын
And good morning btw. Gotta turn in, but I did crack the 10 minute mark, and will get through it anon!
@rohandeysarkar84433 жыл бұрын
whenever I get stressed out :( , I watch one of ur videos and code. Stress gone :)
@nardopolo1012 жыл бұрын
Not even 10 minutes in and the energy is definitely up. You've got me for the long haul on this one.
@chelseas99743 жыл бұрын
Just discovered this channel. I followed a bunch of the clones last year with Clever Programmer and honestly I got extremely annoyed by the constant yelling and interrupting during the whole videos. You were constantly interrupted and it just disrupted the whole flow for me. They were almost impossible to watch and enjoy but I watched it because you and the content itself was soooo worth it. But THIS is ideal. I’m literally so excited to find your channel. This is the best of both worlds!!! Thank you so so so much for this - you were the best part of clever programmer and I wouldn’t watch without you! No hate to the clever programmer team - the content was always pure gold. Especially for free!
@mustaneerhaider5153 жыл бұрын
It feels good to listen Sonny building the app from the scratch without Qazi irritating. I hate those build where everytime Qazi was disturbing and talking shit. But this build is amazing.
@irakiselyova4446 Жыл бұрын
Thank you! The best React app making tutorials on KZfaq!
@awakenwithoutcoffee5 ай бұрын
now its ON! love the energy.
@velhobodegueiro77173 жыл бұрын
Its great tô see you back on the online mentor track mate.... You are the One and only Mr Sonny! All the best from Brazil Man.... Cheers
@surendrajat72903 жыл бұрын
nice video papa fan
@chiroto3 жыл бұрын
Amazed by your work but it is just the Slack interface with the chatrooms as the only functionality. I would like to see more than the chat (same as the facebook tutorial), more functionality and responsiveness! Good work on this part though, I've learned a lot, thanks!
@beefcakees3 жыл бұрын
I like your no nonsense policy, but you are still chillin' .
@star3am6 ай бұрын
Your videos are so cool and very helpful thank you! Let's crush this thing!
@devsmith9482 жыл бұрын
Really really amazing video. I am sure it is so helpful to all developer. Thanks. Sonny
@DirectionerMallou3 жыл бұрын
I love the energy and the content , very clear explanations :D thank youuuu
@towaerio33553 жыл бұрын
That was one of the best tuts I ever seen. Gj Sonny!
@bhashkarjyanath25323 жыл бұрын
Although the messages are being added in the firebase database, but I'm unable to render and display it using React. Someone please help.
@TUR5953 жыл бұрын
Same. E: Turns out while iterating through each "doc" I used curlies instead of regular parentheses.
@nickbricewolfgang58573 жыл бұрын
We really love PAPA React
@gabrielalejandromartinezla3273 жыл бұрын
Honestly man, i learn so much with this project, i going to recreate more things like this, really like. Your a genius, thanks for sharing your knowledge
@TheDeeStain3 жыл бұрын
So happy you're on your own man! Much more efficient!
@sad6368 Жыл бұрын
Helped me alot.. Thank you so much Sonny 🙏
@bandhandey25942 жыл бұрын
This is my first build. Created this whole app, deployed it! It is great!!!
@krishgarg28062 жыл бұрын
how did you work around with firebase hooks? As the firebase hooks don't support firebase 9.0 yet.
@bandhandey25942 жыл бұрын
@@krishgarg2806 are you getting errors importing?
@bandhandey25942 жыл бұрын
@@krishgarg2806 yes I ran into same errors and solved exactly like you did.
@AshishSharma-xc3iq2 жыл бұрын
@@bandhandey2594 how did you solve all of this?
@bandhandey25942 жыл бұрын
@@AshishSharma-xc3iq what problems are you getting?
@Ziva5233 жыл бұрын
Good job. just finished rebuilding. thank you for your sevices
@RapidReels4Youu Жыл бұрын
Just learning new things for you Sir⭐❤
@sadiedickinson71512 жыл бұрын
Love this clone man.
@bhashkarjyanath25323 жыл бұрын
This was the first stream that I followed and I'm pretty sure that I will comeback to watch the future streams of you...#papa_fam
@Vivekkumar-sy6te3 жыл бұрын
Love this clone man. It taught me a lot Thanks bro
@TheDeeStain3 жыл бұрын
I can 100% tell Sonny you are a fan of Peter Mckinnon haha Thanks for the quality content!
@jayswaldisha48113 жыл бұрын
Ultimate content
@johngalt35263 жыл бұрын
Awesome dude, congrats!
@nardopolo1012 жыл бұрын
Still getting the energy up, even though you had crested 200 likes by the time I clicked.
@shivankpal3 жыл бұрын
Dude you are the best Thanks man
@rikipebrianto5603 жыл бұрын
wow, awesome project
@krishgarg28062 жыл бұрын
1st of all, thank you so much for this tutorial. 2nd for people watching it now, firebase's sdk has changed a bit so refer to the docs and change accordingly. Update: The react-firebase-hooks is not yet compatible with firebase 9.0. Update 2: react-firebase-hooks now supports Firebase v9.
@apollosurfer2 жыл бұрын
As of November 3rd: React Firebase Hooks v4 has been released which supports v9 and also requires React 16.8.0 or later and Firebase v9.0.0 or later.
@krishgarg28062 жыл бұрын
@@apollosurfer yup, forgot to update the comment, thanks :)
@ani683 жыл бұрын
I was bit late to the party.....but watching it now....😇
@DarkShadow-oh5di3 жыл бұрын
Wow That's Amazing 👏 😍. Expecting MS TEAMS Clone in the future. I am working on it but as a newbie I am not really getting it. I learned a lot from this tutorial. Thanks, Love from Pakistan 🇵🇰
@sad6368 Жыл бұрын
Thanks man!! 🙏
@tavcode2 жыл бұрын
ALV este bato es un crack!!!!!❤❤
@towaerio33553 жыл бұрын
Damn dude! This is awesome!
@MultiTelefono3 жыл бұрын
Excellent video!!!!
@gabrieludo30922 жыл бұрын
Interesting and Impressive good job Sonny
@gabrieludo30922 жыл бұрын
But I've been trying to install FIREBASE all along but isn't working Any help offer is highly welcome and acceptable
@nomanzafarzafar79123 жыл бұрын
Great effort bro. Keep it up.
@shopsrise51373 жыл бұрын
Learn so much. Thnku ReactGod #PAPAfam
@zubairlohar35573 жыл бұрын
You da best bruhh!!!!! Here is your like 👍👍👍👍👍👍👍👍 ... Infinite...
@twenyone50342 жыл бұрын
1:38:50 anyone else gets error like this one? Module parse failed: Unexpected token (190:15) You may need an appropriate loader to handle this file type. | columnNumber: 7 | } > }), channels?.docs.map(function (doc) { | return /*#__PURE__*/React.createElement(SidebarOption, { | key: doc.id,
@Willbreaker2 жыл бұрын
i am getting same error how did you resolved it ?
@saadsheikh93953 жыл бұрын
Man you are great 👍
@changdaejung84113 жыл бұрын
Amazing !! great content!
@letscode40113 жыл бұрын
I am the newest papa fam member
@barklaysdon3763 жыл бұрын
thank you sony
@abhinavdhama30143 жыл бұрын
hope you will use serverside rendering in future videos...
@philipphilip54723 жыл бұрын
ur the best tutorials
@elmoutaouakkilmohammed14322 жыл бұрын
Thanks a lot
@emilfagerholmfrzovic65763 жыл бұрын
Awesome code bro! You're something special, could you add private chats between users next time? :)
@dsuniverse1322 жыл бұрын
1:37:17 Keys for the win
@includeno3 жыл бұрын
😃it's amazing!!!
@jaisalshah77313 жыл бұрын
As always @Sonny Sangha is React God! What a fabulous build! Started my day with this awesome build. PS: Please share your playlist "Epidemic"
@SonnySangha3 жыл бұрын
Links.PapaReact.com/newsletter (simply sign up and you’ll get the playlist!)
@AlexanderAlemayhu3 жыл бұрын
Amazing!
@kennedyfreitas75483 жыл бұрын
Doing all this builds in order is going to increase your react knowledge
@alaahashem89002 жыл бұрын
can you help me bro , when I write that, const [ user, loading ] = useAuthState(auth); this message is shown to me : auth.onAuthStateChanged is not a function i don't why
@gokulkannan78833 жыл бұрын
Hy Sonny, How to do action on click (Inbox, Draft etc) on the sidebar
@nehakumari-ub9rs3 жыл бұрын
Awesome content you made.. it would be great if there would be some contents on socket.io.
@zakialfaridzi35293 жыл бұрын
can you make a tutorial on how to build a google forms clone using react? as i feel its quiet a challenge for beginner react devs because it had a bit complex forms, data storing, etc
@johndoe0342 жыл бұрын
We need your music playlist, dude! :D
@SonnySangha2 жыл бұрын
Sign up to the newsletter and you’ll get it automatically dude!
@bidishadas8322 жыл бұрын
I could do almost everything apart from the real time update of the UI on sending chat. This is because I had to fall back on the traditional way as orderBy was not available on firestore latest version. I am getting useeffect loop if I try to update data realtme on ui
@abderahimaitchraa84973 жыл бұрын
thank you bro from morocco #Reactjs
@perfectigbadumhe1133 жыл бұрын
this awesome
@brotat03 жыл бұрын
Cool man
@kedarvyas7134 Жыл бұрын
I want to know one thing, how to load messages directly from the bottom and how to add infinte scrolling here? if anyone have any solution or any yt video link please pop it down here in my reply section btw Great Work Sonny, love from INDIA
@JohnDoe-ru3um3 жыл бұрын
Awesome
@deeerby_3 жыл бұрын
Great content Sonny! You're amazing buddy. One question, does using the firestore instead of realtime db works for messages and instant updates?
@zurkik3 жыл бұрын
yes, it works very well for any type of chat applications.
@deeerby_3 жыл бұрын
@@zurkik thanks for the reply mate, appreciated. So no need for realtime database at all?
@SonnySangha3 жыл бұрын
Hey! Thanks dude! Firestore is essentially the successor to real-time DB it has everything + more! (So yes!!!)
@agu74323 жыл бұрын
hey sonny, could you enable subtitles? Thank you!
@abdullashafi5803 жыл бұрын
A real clever programmer
@slavigeorgiev193 жыл бұрын
Sonny thanks for all the free amazing value content! Just an idea for future projects - the UK Freetrade app clone - react native :)
@ujjwaljha69372 жыл бұрын
Fix for making the Sidebar scrollable: const SidebarContainer = styled.div` overflow-y: scroll; ::-webkit-scrollbar { display: none; } `;
@entertechinc Жыл бұрын
lateest react-firebase-hooks : import {useCollectionData} from "react-firebase-hooks/firestore"; import {collection } from "firebase/firestore"; import { db } from "../firebase"; const [channels, loading, error] = useCollectionData(collection(db, "rooms"));
@papakalasch2423 Жыл бұрын
There was a problem with the .map-method. I got the following error: Cannot read properties of undefined (reading 'map'). ChatGPT fixed it with: {channels && channels.map((channel) => ( ))}
@papakalasch2423 Жыл бұрын
The function const selectChannel = () => { if (id) { dispatch(enterRoom({ roomId: id, })) } doesnt create an entry in the redux dev tools by clicking on a channel. I'm stuck here. does anyone have any ideas or can help?
@billingsway3 жыл бұрын
for most of us using windows... Please try doing some tutorials on windows systems
@Tipsy_Nomad3 жыл бұрын
amazing ....
@namangupta0923 жыл бұрын
at 1:39:03 on line 49 in the map function, how is it returning the SidebarOption element without actually providing the 'return' keyword?
@Taulant-Bardhi2 жыл бұрын
If anyone is having the problem "Module not found: Can't resolve 'firebase' in", use these imports: import firebase from 'firebase/compat/app'; import "firebase/compat/auth"; import "firebase/compat/firestore";
@Exploreandbefree2 жыл бұрын
You're a boss, thanks for this, I was trying to figure it out. You are awesome
@devinlounge3 жыл бұрын
We can use nextJS with redux unless just react application? Because I'm with in love with nextJS... and love use with redux
@chiragarora170010 ай бұрын
@here I want to ask I am new in React so is the Guy using Redux in this??? As i knw nothing abt redux
@shahedtheboss3 жыл бұрын
Your channel will grow massively Watch out youtube
@divvagg56163 жыл бұрын
i have a question stucked in my mind for so long . what makes a 3-5 year experienced react developer different from a fresh react developer ....as both have studied and learnt the same concepts of javascript ,react, html, css . I mean ... a fresh react developer can also do the stuff which a 3-5 year experienced developer can do right?
@muthusivaramakrishnan35782 жыл бұрын
The experience matters
@muthusivaramakrishnan35782 жыл бұрын
3-5 years won't be searching everything in stack overflow like the freshers
@NiyamBhatАй бұрын
Pappa react ,,,, ❤🔥❤🔥❤🔥
@Reatriver3 жыл бұрын
counterSlice.js got updated I think, I have other files and more code inside
@savijuneja25149 ай бұрын
I am not able to get the channel name on website. Can anyone tell how to resolve it?