Forms in React Apps

didn't we solve this already?

Vanilla HTML

• You get stuff from the browser for free!
• HTML5 made this cool again
   
• Less ~~interactive~~
• Lots of server-side work (boooo)

Vanilla React

• All in the browser: as interactive as you make it
   
• Low-level
• Tedious
• Error-prone

Other Libraries

eh…

Form Mechanics!

brought to you by ratehub.ca

Title Text

• Bullet One
• Bullet Two
• Bullet Three

Data-First

Why is validation hard?

UX / Doing the Right Thing

State vs behaviour

The INTERFACE

Lvl 1: data

Lvl 2: text input

Lvl 3: stuff you get for free

Lvl 4: weird inputs