Firebase Auth Tutorial #11 - Conditional Menu Links

Hey gang, in this Firebase auth tutorial I'll show you how to conditionally show or hide menu links in the navbar depending on the users auth state.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[okkedongmu]

You made me understand what happens behind the browser that we always see. "If you have a user or not, make the displays of the elements 'block' or 'none'."

[SaintPepsiSanCoca]

your tutorials are just so mind blowing, such great explenation.

[QuiltedReactions]

Your explanations and examples are clear, to the point and very helpful. Thank you

[johnnydriesen]

First of all, THANKS for this great series !
Just as an info (pls don't take it as an offense), I would have place the SetupUI function outside the "if" block ...

[deepdivedevs]

wow, for a moment, I am proud of myself to be able to follow along so well 😂

[katiecunningham]

thank you so much for this whole series! i've tried following other written guides and even using the prebuilt firebaseui but couldn't get it working, but the way you've stepped through this in the videos has worked so much better so thank you thank you thank you!

[ethnictherapy]

I am getting better at things with your tutorials

[lampa]

1:37 - I'm disappointed with your simple saying 'querySelector'..

[sdumalisile]

You explain well!!
Thank you brother!

[codingwithalex]

Thanks So Much For The Tutorial Really Helped.
Also You Could Use The "hidden" attribute instead of adding the style attribute then making the display hidden.
Again Thanks A lot For This Video :)

[abdulazeezolanrewaju]

The way you think is too powerful... May God increase your knowledge!!

[darkliaX]

Thank you so much for your guides, such a master. I have a question myself, if i press F12 and i edit the html directly and remove the display:none ill be able to see the whole ui is there anyway to avoid that?

[isharak.g.r.u]

thank you so much. you doing the teotorial very well. thanks again...

[ionutandrasesc]

yes but it means any logged in users sees that irrespective if is their content or not their content. that equivalents to me reading your private comments if im logged in.

[AstroSardaukar]

You are doing it in a very complex way. I just did it with Vue without writing extra functions and without using selectors and classes but only v-if="loggedIn".

[webcannonz]

Sir, first of all thank you for the lesson, best on youtube! But, how can i implement this to websites with multiple pages with nav links on all pages ? how do i restrict access? Can you make a lesson or series for bootstrap/materialze based website with multiple pages (separate login and signup) restrict access to say album page and condition nav links to reflect on all?

[prateek]

amazing video.. btw is there any other wat to handle that split second delay in authentication checks, when the prev state persists. ?

[anthnorm]

Awesome tut. I try to do this with vuexfire and store but I come up wanting all the time. I don't understand. :-(

[lampa]

And seriously great respect for your work

[wilmerandrecruzado]

WilI still be signed In if I go to another page after the log in process?