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 fullstack web dev with Zero To Mastery Courses:
Advanced React: https://bit.ly/AdvReactDev
Jr to Senior Web Dev Roadmap: https://bit.ly/WebDevRoadmapJrtoSr
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:
disablereactdevtools: https://www.npmjs.com/package/@fviler...
bcrypt: https://www.npmjs.com/package/bcrypt
jwtdecode: https://www.npmjs.com/package/jwtdecode
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/localstoragevs...
CrossSite Scripting (XSS): https://owasp.org/wwwcommunity/attac...
CrossSite Request Forgery (CSRF): https://owasp.org/wwwcommunity/attac...
Login References:
How to Safely Store a Password: https://codahale.com/howtosafelyst...
MDN: HTTP Response Status Codes: https://developer.mozilla.org/enUS/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