Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn login authentication in React.js with Redux and RTK Query. In this tutorial, we will create a React login form which uses an RTK Query API layer and auth state from Redux to login and out of our MERN Stack project.

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React & Redux: https://bit.ly/AdvReactDev
- The Complete Node.js Developer: https://bit.ly/CompleteNodeJS
- Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

Subscribe https://bit.ly/3nGHmNn

Course Updates https://courses.davegray.codes/

Discord https://discord.gg/neKghyefqh

Buy Me A Coffee https://www.buymeacoffee.com/davegray

Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

All Resources for this MERN Stack Project: https://github.com/gitdagray/mern_stack_course

Playlist for this MERN Stack Project Series: https://bit.ly/3Sn4EaI

Login Authentication in React.js with Redux

(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:
Node.js for Beginners full course: https://youtu.be/f2EqECiTBL8
React JS for Beginners full course: https://youtu.be/RVFAyFWO4go
Redux Toolkit for Beginners full course: https://youtu.be/NqzdVN2tyvQ
React Login Playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PRCpm9clX0WiBEMB70FWwd

Tutorial References:
Redux Devtools: https://github.com/reduxjs/redux-devtools

Was this Login Authentication in React.js with Redux tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#login #authentication #react