Tane Piper ⁂

I've officially released my first #webComponent on #npm - Formula - https://www.npmjs.com/package/@webhelpers/formula

It works with any static HTML5 form and turns into a Reactive Form, all you need to do is wrap the form in `<formula-form>` and it starts working - Demo here https://stackblitz.com/edit/vitejs-vite-skkuff?file=index.html

#webComponents #webDev #html #ReactiveForms #opensource

@webhelpers/formula

Zero-configuration Reactive Forms using HTML5 form templates. Latest version: 0.2.0, last published: 2 months ago. Start using @webhelpers/formula in your project by running `npm i @webhelpers/formula`. There are no other projects in the npm registry using @webhelpers/formula.

npm
Apr 21, 2023 at 4:50pmWeb
Show threadAn AgoraApr 21, 2023
@tanepiper
https://anagora.org/html
https://anagora.org/npm
https://anagora.org/ReactiveForms
https://anagora.org/webComponent
https://anagora.org/webComponents
https://anagora.org/webDev
Node [[html]] in anagora.org

The Agora is a crowdsourced distributed knowledge graph: anagora.org.

Show threadPablo Berganza (he/him)Apr 21, 2023

@tanepiper funny! I’ve also been working on something similar with Felte: https://felte.dev/docs/element/getting-started

Haven’t focused on it lately since I’m not sure if I like the API… 😅 still feels all over the place.

I really like your use of Custom Events as the main API!

Felte | Home

An extensible form library for Svelte, Solid and React.

Show threadTane Piper ⁂Apr 22, 2023

@pablo Thanks! Yea forms are a popular topic 😅 So many little edge cases too.

Yea the CustomEvents makes it really flexible - I was wondering how I was going to migrate it - I was similarly unhappy with some of the design.

I'll want to get it stable and documented property in the next couple of weeks.