Conquering Forms in Vue - VueConf US 2023

Building great forms is a pain. You need to consider labels, help text, validation, grouping, internationalization, accessibility, repopulation, and backend error handling. Honestly, it can be tempting to cut corners. In this talk, Justin Schroeder introduces FormKit — a form framework that can dramatically simplify your next project.

0:00 Intro
1:28 Why are forms hard
12:16 Theoretical solutions
16:15 FormKit's implementation

[zpt]

Great job, this is exactly what I've always wanted, simple and powerful

[therealzaybee]

Formkit looks very promising ! You are a life saver, excited to try it out.

[yousifbodagh]

This is awesome! I am definitely going to give it a try today.

[ybjshcr]

Will be looking into this for my project

[Stoney_Eagle]

Impressive, I hope it also makes it easy to make the designers happy.

[DodaGarcia]

That tweet cited around the 2-minute mark is so... aggressively ignorant.

It peeves me to kingdom come when someone tries to make something complex sound simple by abstracting it into a short list where each item just happens to contain a world of complexity. The "user interactions" and "state management" items alone can get incredibly difficult to get right, robust and intuitive across all kinds of devices.

"Toss in some validation functions", great, why not reinvent the wheel every time for all the validations that need to happen in the front-end and the back-end, with their attendant error messages and whether they exist on the form level, step level or field level? Might as well make it all one function even, validateForm(). All set!

[Tarabass]

It's not true "Personal details" is just nothing and doesn't end up in the tree. It will if you would make it a field set (with a label). They do not exist for nothing lol