Login Authentication in React.js with Redux | MERN Stack Project

⭐ Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

(00:00) Intro
(00:13) Welcome
(00:26) Starter Code
(00:57) User Stories
(01:48) authSlice
(03:59) Add authReducer to Redux store
(04:48) authApiSlice
(09:56) Login form component
(20:18) Add logout button to header
(25:43) Login test and NewNote refactor
(30:09) Verify state after Login and Logout

📚 Suggested Pre-requisites for this MERN course:

📚 Tutorial References:

#login #authentication #react

[alexandercvetkov]

Soon I will start learning React and your channel is definitely at the top of the list. Thank you for doing this.

[kevl]

Thanks again Dave. As a user of 'old style Redux' who is refactoring an app I was about to ask how, as well as sending the token to API endpoints, I could check if there is a token in state because I currently conditionally render some header links based on auth status (token and an 'isLoggedIn' boolean). Instead I looked at our previous work and managed to create the extra state and a relevant selector for use in components. Keep up the amazing work!

[mohamaddabra]

Best Fulldiv and Mentor I've ever seen! thanks a lot for your Hardwoek

[snowride]

In my case, after adding inside inQueryStarted, isSuccess property of useSendLogoutMutation() won't be true anymore, so I can't return the beginning page. How can I handle the problem?

[regilearn]

Hi Dave, In Multi-Step Form how to keep filled data, When we are go back and forth due to page refresh we lost the previous filled data ?, Please help me on this, What is the best practice in industry

[alielb]

Would it be awesome in future to have Microservices with MERN stack, that would be killer, great content Dave as always

[Clash-Roblox]

What happens if user copy the refresh token in cookie before log out and refresh the access token? How can we handle this stuff sir?

[MrZiyak]

if we store the access token in memory this would also mean that when we reload the app on the login page we will have to login each time? even if we use the refresh token to generate a new auth token on the login screen that would basically flash the login screen for a bit and then redirect us to the authenticated screen we specify correct?

[TarcisioPqdt]

This is a great course!
I want to modify this Authentication to use Facebook login, I should modify a lot of things, should I?

[bgdnmil]

Hi Dave! After LOGIN we are redirected to next page, but in between LOGIN component showing again for a millisecond... how to solve that?
By the way, speechless about you content and your work!
👏🙌

[waleedsharif]

Could you make react testing videos using jest and react testing library ? And also testing redux actions/reducers and action creators

[mahamadounouridinemamoudou]

I'm sure about what I will expect in this video, thanks you very much for this

[samiullahsheikh]

9:35 Why are you using mutation for GET endpoint?

[lobanovkirill]

Hi Dave!) Thanks for sharing your skills) Can you show how to implement Role Based Access Control or maybe Attribute Based Access Control system?

[AhSoh]

Hi Dave, why we can use build.mutation in 'Get' method for the refresh? I thought it is a standard code for mutation in POST, PUT, PATCH methods in building.mutation and GET method in build.query?

[alienx]

Hi Dave ... I would appreciate if you could please guide me on the order of playlist I should follow in order to learn Complete React properly
There seems to be four playlist
1. React Tutorials
2. React Redux Toolkit
3. React login registration and authentication
4. React hooks

[aurobindobhuyan]

How to persist the token inside the redux after the hard reload of the page?

[shakilab]

great series! how many videos are left in this mern list ?

[mj]

some advanced redux s**t right there, and i love it. :p thanks dave. pardon my french. i got excited.

[technoinfoworldwide]

Make a mern project with backend microservice architecture with using typescript.I didn't find these all things in youtube