I built a chat app in 7 minutes with React & Firebase

#react #js #firebase

Install the quiz app 🤓

Use code lORhwXd2 for 25% off your first payment.

My VS Code Theme

- Atom One Dark
- vscode-icons
- Fira Code Font

[MrNsaysHi]

me: runs npm install <package>
- takes 7 minutes to install.

[aryaholmukhe]

If anyone has errors saying "firebase is not defined", or "Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase') Error" it probably means that you are using Version 9 and that things changed a bit for importing firebase. Now there is a “compatibility” option so can use the /compat folder in your imports.

So instead of :
<< import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth'; >>

use:
<< import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';
import 'firebase/compat/auth'; >>

[enjili]

For anyone who stuck at 4:30, as I did. Make sure to go to your project->database->rule and change "if false" to "if true". I'm new to firebase and it took me too long to figure out.

[carolinebuttet]

The most intense 8 minutes of my life so far

[midhunrajr]

assert("I built a chat app in 7 minutes with React & Firebase" != "I explained a chat app in 7 minutes with React & Firebase")

[rishabhanand]

it's unfair, your code magically gets pasted. Meanwhile my react app is still being created.

[SirXtC]

i usually have to speed up tutorials, this is the only channel I have to slow it down xd

[rachelann]

I would not recommend this video in 2023. Too much has changed with firebase that many of these instructions can no longer be followed easily. If you are a beginner, you will spend a lot of time trying to solve these problems. I recommend following a more recent tutorial to save yourself a lot of headache!

[andresorrego]

Nothing beats short tutorial videos. Directly to the important part.

[Victor-yecz]

Thank you! I became a full stack react developer after watching this video! No questions whatsoever!

[samarpanharit]

I literally started making an app in React+Firebase yesterday and he uploaded this video. Insane!!🔥🔥

[Heffsta]

Fireship, I've been coding now for approx 3/4 years, graduated from CS, and working on my masters, and I just keep coming back to your channel, I love your "no bullshit" approach to tutorials. Just wanted to say thank you, it's so refreshing to have a coding channel that respects its audience.

[NomadicJulien]

Spending 7 minutes to make a chat while I spent 3 months debugging the one a previous employee did 😅

[RokasJovaisa]

"in 7 minutes" That's impressive and demoralizing at the same time. I would take ages to create something like this

[IsaacHoweiner]

Its easy.
Step one: copy
Step two:paste

[rainezombi]

Every other youtuber: "Build a todo list in only 6 hours"
Fireship: "Build a real-time app under 7 min with firebase, serverless functions, and react"

That's why I love this channel.

[SridTech]

I literally have so much pleasure listening to your voice teaching cool stuff. And the best part is when you tune that music on at the end, wow what a soothing feeling....!

[brianhogg]

I was with you up until "CSS is way harder than React and Firebase."

[the-old-channel]

It would be cool to see you build that same app with different frameworks. It would be much more interesting comparison that a simple todo list.

[terrapb_ps]

I am a react beginner, wanna learn backend, and watching this just overwhelmed me - reminding me of how much I gotta learn. Tutorial hell to go!