DEV Community

Discussion on: Using Firebase with React Hooks

Collapse
 
nikomontana profile image
Niko Montana • Edited

Good Tutorial!

Just one point - if you would have public accessible sites that doesn´t need auth. you will have to wait for the initialization. That would be a poor UX in my opinion.

I ended up just using the hook and check where necessary for initialization and user.

Anyway thanks!

Collapse
 
bmcmahen profile image
Ben McMahen

It should only show the loading on the initial rendering of the app. But i agree that you'd probably want to optimize this to render optimistically either using some local storage solution or simply rendering public pages before requiring the user object.

Collapse
 
nikomontana profile image
Niko Montana

Didn´t thought that you would response that fast :D

I have updated my comment!

Thread Thread
 
bmcmahen profile image
Ben McMahen

Awesome. Yep, I think your solution is definitely better UX. I'd advocate for a more fine-grained solution for any app mixing public / private routes.

Thread Thread
 
nikomontana profile image
Niko Montana

I must admit, my solution is pure nonsence. By implementing my logic I have to wait for every page to initialize firebase until I can access the user and in reality this is even worse UX.

So maybe a good conclusion:

Thanks for your post, you did a great job bud!

Thread Thread
 
bmcmahen profile image
Ben McMahen

Ah, bummer. Too bad. I do think there are strategies to improving this, though. Maybe a topic for another blog post...

Thread Thread
 
bulletninja profile image
Bulletninja

Maybe you can put that into a context, and try to get things from localStorage or sessionStorage, if they're not there, initialize, and reuse such context in all your pages