Login Authentication in React.js with Redux | MERN Stack Project
25.5 هزار بار بازدید -
2 سال پیش
-
Web Dev Roadmap for Beginners
Web Dev Roadmap for Beginners (Free!): 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.
💖 Support me on Patreon ➜ patreon.com/davegray
⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React & Redux: bit.ly/AdvReactDev
- The Complete Node.js Developer: bit.ly/CompleteNodeJS
- Jr to Senior Web Dev Roadmap: bit.ly/WebDevRoadmap-JrtoSr
🚩 Subscribe ➜ bit.ly/3nGHmNn
📬 Course Updates ➜ courses.davegray.codes/
🚀 Discord ➜ discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ www.buymeacoffee.com/davegray
👇 Follow Me On Social Media:
Github: github.com/gitdagray
Twitter: twitter.com/yesdavidgray
LinkedIn: www.linkedin.com/in/davidagray/
🔗 All Resources for this MERN Stack Project: github.com/gitdagray/mern_stack_course
🔗 Playlist for this MERN Stack Project Series: 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: • Node.js Full Course for Beginners | C...
🔗 React JS for Beginners full course: • React JS Full Course for Beginners | ...
🔗 Redux Toolkit for Beginners full course: • React Redux Full Course for Beginners...
🔗 React Login Playlist: • React Login, Registration, and Authen...
📚 Tutorial References:
🔗 Redux Devtools: 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
2 سال پیش
در تاریخ 1401/06/04 منتشر شده
است.
25,517
بـار بازدید شده