Blog Application with Typescript - Part 4: Client Side Authentication

MERN STACK Series - This video series is intended to take you through how I like to set up applications when they are complex enough to require some initial planning. Having a good route to take will reduce your programming time and turn your efficiency to the next level. It's easy to get lost when programming something bigger for the first time, so I'll take you through it as well as I am able.

Part 4 - In this video, we setup reducers, consumers and client side authentication.

Links & Credit:

#mern #typescript #blog

[artimgashi]

bro, keep up bringing content like this, simply amazing. Thanks!!

[luanpersini]

Hello, why do you use an empty interface in the AuthRoute?

[muhammadarifin]

This is just totally awesome!!! I am really confuse right now, but I am happy too since I've learned a lot of great things just from this one video! Thank you, Thank you, Thank you, Thank You!

[ilan]

Hi Saman ❤ thank you ! I mange’s to get it to work with recent version of Firebase e.g imports. I’m on video 4 and when I hit the login page I am receiving a huge problem “Maximum update depth exceeded … This can happen when a component calls setState inside useEffect…” I’m trying to resolve it … I hope you can comment on that. 🙏

[kushalarora]

getting error -
Property 'auth' does not exist on type 'typeof import in firebase.ts file, please help

[parthapaul]

At the end, at npm start, how its directly openning 'localhost:3000/login'??
for me it is opening 'localhost:3000' only.😢

[usmanmughal]

Damn bro, that's some next level react + typescript coding approach. Loved It and it's scary :P

[vikrantsingh]

We want more videos, you are awesome !!!

[jordanoisthemandecastro]

I get the error Cannot read properties of null (reading 'useCallback') for the button component on the login.tsx page do you know how to fix this

[rajdeepjadav]

The video is fantastic. Please always increase the font size.

[RustyNova]

I've been trying to follow this tutorial, but I got an error that the Cross-Origin Request was blocked when I try to connect to my firebase client. Did I forgot something?

Update: It works, but not on firefox.

[sangdonlee]

07/20/2022
Redirect => import { Navigate } from 'react-router-dom';
History => import { useNavigate } from 'react-router-dom'; / const history = useNavigate();
and whose cant active "children", do like this -> interface { children : any }