DEV Community

Suraj Sharma
Suraj Sharma

Posted on Edited on

A Login Form built using React Hooks

Created a simple login form using React, Typescript and React Material UI featuring useReducer and useEffect hooks.

Login Form

A detailed article on How to build a React Login Form with Typescript and React hooks

Top comments (3)

Collapse
 
jrbell989 profile image
Jason Bell •

I've found that when using multiple useState hooks, it becomes easier to move to useReducer, especially when conditions mutate multiple pieces of state. I think useState still works well in your example, but once you build a more complex login (with 2FA, requiring a new user to set a new password, etc), it can get messy quickly.

Collapse
 
fantasticsoul profile image
幻魂 •

you can also refactor your from with concent, it is worth doing.
here is 2 demos:
js ver: codesandbox.io/s/concent-guide-xvcej
ts ver: codesandbox.io/s/concent-guide-ts-...

Collapse
 
creativesuraj profile image
Suraj Sharma •

Sure, I will look into it.
Thanks