React firebase authentication using context & hooks - Full app #10

The most flexible method to add authentication for React with Firebase is by leveraging the power of context combined with hooks.

Chapters:

00:00 Intro & recap
2:40 Creating the signing (login) page with React
5:49 Submit the signing
12:10 Storing credential with React context
25:11 Protect private route in React
30:34 React router dom: history push vs replace
33:56 Creating signout with react firebase
38:13 React router dom: Redirect reactivity issue solved
41:25 Preventing the authenticated user from accessing sign in (login) page
44:44 Securing our Firestore database and Firebase storage

- App source code:

- Starter code for video #10
* checkout branch p9-upload-tracking

- Final Code for video #10:
* checkout branch p10-auth

- About This Channel
This channel features high-quality learning materials related to web developments.
The focus is on the javascript eco-system like ReactJS, NodeJS.
Practice by developing applications with all the details of a real app... you'll love it.

Subscribe to get notified for new videos:

#react #frontend #firebase #firestore #reactjs

[ByteDesk]

Sir I'm really thankful to you, for this video, I am stuck for two days in protected routes and I watch many videos but no result...
After watching your videos on auth unbelievable solve my problem and thanks to you...