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.

AuthService for check user is logged in or not

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

}

},[])

--

--

Akbar Sheikh

Akbar Sheikh

2 Followers

Software Developing is my hobby and want to learn more things everyday just like you