Vue

Vue3

https://www.vuemastery.com/pdf/Vue-3-Cheat-Sheet.pdf

Forms

Vue Dynamic Forms -> https://github.com/asigloo/vue-dynamic-forms
Others: https://github.com/vuejs/awesome-vue#generator

Lessons learned / comments:

1) json-schema can be useful but it’s not enough. See https://github.com/ncform/ncform#Why-not-use-the-standard-json-schema

NB: the form description could be autogenerated from the json-schema, with additional rules or tuning (à la MetaUI).

2) Validation on the client and on the server. Can be done with json-schema.

https://github.com/Julian/jsonschema / https://github.com/marksparkza/jschon

=> We need a client library, supported by a server-side library.

3) Most projects don’t deal with dynamic / tabular forms (à la Lab&Co).

Links / projects

• Laraforms -> https://laraform.io/
• Vue Form -> https://vueform.com/
• Stonecrop -> https://github.com/agritheory/stonecrop

Alternatives

• riotjs https://riot.js.org/
• slimjs https://slimjs.com/#/welcome
• AlpineJS https://alpinejs.dev/

Comparisons:

• https://github.com/JamieVaughn/mtg
• https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/

#vue #forms

Page last modified: 2024-11-13 09:17:00