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

Made with Slides.com