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
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.
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.
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:)
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();
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.
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.
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
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.
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!
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.
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!
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
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.
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 🇵🇰
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
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
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
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
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) => ( ))}
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?
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";
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?