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

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.

💖 Support me on Patreon ➜   / davegray  

⭐ 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:    • React Login, Registration, and Authen...  

👀 Node.js for Beginners series:    • Node.js Full Course for Beginners | C...  

📺 JWT Videos:
Node.js with JWTs:    • JWT Authentication | Node JS and Expr...  
React Login JWT Auth:    • React Login Authentication with JWT A...  

🔗 Frontend Starter Source Code: https://github.com/gitdagray/react_lo...

🔗 Backend Starter Source Code: https://github.com/gitdagray/refresh_...

📬 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/@fviler...
🔗 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...
🔗 Cross-Site Scripting (XSS): https://owasp.org/www-community/attac...
🔗 Cross-Site Request Forgery (CSRF): https://owasp.org/www-community/attac...

📚 Login References:
🔗 How to Safely Store a Password: https://codahale.com/how-to-safely-st...
🔗 MDN: HTTP Response Status Codes: https://developer.mozilla.org/en-US/d...

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...

📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray  
LinkedIn:   / davidagray  
Blog: https://yesdavidgray.com
Reddit:   / 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