DEV Community

Building an entire fullstack project with Firebase 10 and React (Vite)

Tulsi Prasad on October 03, 2023

Firebase is a BAAS (backend as a service) solution that drives the modern web. The most exciting part of it is you don’t need to configure any serv...

Read full post

Acid Coder • Oct 4 '23 • Edited

is this article 2 years late?

Tulsi Prasad • Oct 5 '23

Yeah, I wish something like this existed while learning myself.

Acid Coder • Oct 5 '23 • Edited

Tulsi Prasad • Oct 5 '23

You're right, the most recent version of it is 10.4.0, but the crust of the changes ie the web modular API remains the same since version 9. Thanks for pointing it out, I'll mention it in the blog.

Keith Owino • Apr 30

Point of Concern

Hello, forgive me if my approach is not warrantied.

I don't know if some of the things i see here were intentional, results of vibe coding or not.

Here:

try {
const result = await signInWithPopup(auth, provider)
//...
}

for those who are total beginners might struggle with this, the auth was not defined, also could you check on the grammer.

Then:

You did not specify the correct file and position where the bellow code was to be placed and didnot specify that it is an async function

const handleInput = () => {
//...
}

Most of your code presentations are incomplete, what we cloned compared to what you are presenting in this site have deferent presentations. wirescript.vercel.app/blog/buildin... also used the same GitHub repo, i don't know if they also have the same issues but on first glace i think they did attempt to modify there's a little bit with the code presentations.

An important issue, when the browser is refreshed, the user is logged out

async function fetchAllDocuments(uid) {
//...
}

The above function, where is it supposed to be placed?

There is too much inconsistencies in your work that i have decided to stop here. when i have a much better understanding and grasp i might consider returning.