Hi Guys Today we are going to Learn about how to implement Auth Guard in angular Application and How you can apply
First we will create a service and main purpose of service is to provide or check that user is logged in or not in the application.
Now we are going to create for AuthGuard Service using CanActivate as mentioned in below image we will first inject AuthService in AuthGuard and check that is user is logged in or not .If User is logged in then we will return true otherwise we will return false and we will use router to navigate to login page.
There is so many confusion about useEffect ,How it’s work. So Today I am going to tell something interesting
There are 3 phase in useEffect
a)ComponentDidMount
b)ComponentDidUpdate
c)ComponentWillUnMount
ComponentDidMount will be defined as below in React
useEffect(()=>{},[])
ComponentDidUpdate Will be defined as below
useEffect(()=>{},[value])
ComponentWillUnMount
useEffect(()=>{
return()=>{
//We will write something here logic for the unmount
}
},[])