React Login Input Hooks for User Form Data
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn these React Login Input hooks for user form data, and create hooks that can be used in future projects, too. These custom React hooks will level up your login form controlled inputs.
💖 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 JS for Beginners full course - 9 hours: • React JS Full Course for Beginners | ...
👀 React Login tutorial series playlist: • React Login, Registration, and Authen...
🔗 Starter Source Code: https://github.com/gitdagray/react_pe...
🔗 Completed Source Code: https://github.com/gitdagray/react_lo...
📬 Course Updates ➜ https://courses.davegray.codes/
React Login Input Hooks for User Form Data
(00:00) Intro
(00:27) Welcome
(00:40) Setup
(01:08) useLocalStorage hook - simple version
(04:08) Applying useLocalStorage to user input
(05:41) Adding more functionality to useLocalStorage
(09:49) useInput hook
(12:07) Applying useInput to user input
(14:54) Adding useLocalStorage to useInput
(16:33) useToggle hook
(22:27) Adding useToggle to the login form
☕ Buy Me A Coffee: https://www.buymeacoffee.com/davegray
The React Login Authentication Series:
1) React Register Form with Validation, Axios and a11y: • React JS Form Validation | Axios User...
2) React User Login and Authentication with Axios: • React User Login and Authentication w...
3) React Protected Routes | Role-Based Authorization: • React Protected Routes | Role-Based A...
4) React Login Authentication with JWT Access, Refresh Tokens, Cookies and Axios: • React Login Authentication with JWT A...
5) React Persistent User Login Authentication with JWT Tokens: • React Persistent User Login Authentic...
6) This video!
🔗 Node JS Full Course (with source code) for building the backend REST API: • Node.js Full Course for Beginners | C...
🔗 React Router Version 6 in 20 minutes: • React Router v6 in 20 Minutes | RRv6 ...
🔗 FontAwesome for React:
https://fontawesome.com/v5.15/how-to-...
🔗 RegExr for Regular Expressions: https://regexr.com/
📚 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...
📚 Accessible Form References:
WebAIM.org - Advanced Forms: https://webaim.org/techniques/forms/a...
WebAIM.org - Form Validation: https://webaim.org/techniques/formval...
MDN - Aria Attributes:
aria-invalid: https://developer.mozilla.org/en-US/d...
aria-describedby: https://developer.mozilla.org/en-US/d...
aria-live: https://developer.mozilla.org/en-US/d...
aria-label: https://developer.mozilla.org/en-US/d...
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/...
🔗 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 Hooks for a Login form helpful? If so, please share. Let me know your thoughts in the comments.
#react #login #hooks
On this page of the site you can watch the video online React Login Input Hooks for User Form Data with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 11 February 2022, share the link with friends and acquaintances, this video has already been watched 37,568 times on youtube and it was liked by 630 viewers. Enjoy your viewing!
