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

Learn 5 best practices for React data security, logins, passwords, and JWTs. These simple practices will help you keep your data secure as you create React logins, handle passwords, use JWTs, and store state.

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Advanced React: https://bit.ly/AdvReactDev
- Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr
- Master FAANG Coding Interviews: https://bit.ly/FAANGInterview

Subscribe https://bit.ly/3nGHmNn

React Login tutorial series playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PRCpm9clX0WiBEMB70FWwd

Node.js for Beginners series: https://youtu.be/f2EqECiTBL8

JWT Videos:
Node.js with JWTs: https://youtu.be/favjC6EKFgw
React Login JWT Auth: https://youtu.be/nI8PYZNFtac

Frontend Starter Source Code: https://github.com/gitdagray/react_login_hooks

Backend Starter Source Code: https://github.com/gitdagray/refresh_token_rotation

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

Best Practices for React Data Security, Logins, Passwords, JWTs

(00:00) Intro
(00:30) Welcome
(00:42) Goals
(01:03) Starter Code Repositories
(01:32) Disable React dev tools in production
(05:15) Should it be stored in state? - part 1
(06:51) Should it be stored in state? - part 2
(10:28) Encrypt all stored passwords
(12:16) Keep data in the JWT and decode it
(18:35) Learn more about JWTs
(19:04) Disable Redux dev tools

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

NPM Package References:
disable-react-devtools: https://www.npmjs.com/package/@fvilers/disable-react-devtools
bcrypt: https://www.npmjs.com/package/bcrypt
jwt-decode: https://www.npmjs.com/package/jwt-decode

JWT References:
Intro to JSON Web Tokens: https://jwt.io/introduction
All You Need to Know About Storing JWT in the Frontend: https://dev.to/cotter/localstorage-vs-cookies-all-you-need-to-know-about-storing-jwt-tokens-securely-in-the-front-end-15id
Cross-Site Scripting (XSS): https://owasp.org/www-community/attacks/xss/
Cross-Site Request Forgery (CSRF): https://owasp.org/www-community/attacks/csrf

Login References:
How to Safely Store a Password: https://codahale.com/how-to-safely-store-a-password/
MDN: HTTP Response Status Codes: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

Follow Me:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about React Best Login Practices with JWT Access and Refresh Tokens helpful? If so, please share. Let me know your thoughts in the comments.

#react #login #practices