React Login Authentication with JWT Access, Refresh Tokens, Cookies and Axios
React Login Authentication with JWT uses access and refresh tokens to authenticate users. You will use Axios and learn how to handle and store JWT access and refresh tokens. Also, why secure cookies are better than localStorage.
(00:00) Intro
(00:41) Welcome Discussion
(01:43) JWT Authentication
(04:37) Update NPM Packages
(05:40) Users Component
(08:38) Users Request
(13:27) Requests Needs the Access Token
(14:25) useRefreshToken hook
(17:55) Testing useRefreshToken
(20:05) Private Axios Instance
(22:31) useAxiosPrivate with interceptors
(32:28) Updating the Users component
(35:11) Handling an expired refresh token
(39:56) JWT Strategy Revisited
🔗 Starter Source Code: https://github.com/gitdagray/react_protected_routes
🔗 Completed Source Code: https://github.com/gitdagray/react_jwt_auth
Subscribe: https://www.youtube.com/@DaveGrayTeachesCode/featured
