feat(core): form listeners

[harry-whorlow]

Adds form listeners to formApi.

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 35e8458.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	1m 44s	View ↗
nx run-many --target=build --exclude=examples/**	✅ Succeeded	22s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-04-25 12:53:25 UTC

[pkg-pr-new]

More templates

• @tanstack/form-example-angular-array
• @tanstack/form-example-angular-simple
• @tanstack/form-example-lit-ui-libraries
• @tanstack/form-example-lit-simple
• @tanstack/form-example-react-array
• @tanstack/form-example-react-compiler
• @tanstack/field-errors-from-form-validators
• @tanstack/form-example-react-large-form
• @tanstack/form-example-react-next-server-actions
• @tanstack/form-example-react-query-integration
• @tanstack/form-example-remix
• @tanstack/form-example-react-simple
• @tanstack/form-example-react-standard-schema
• @tanstack/form-example-react-tanstack-start
• @tanstack/form-example-react-ui-libraries
• @tanstack/form-example-solid-array
• @tanstack/form-example-solid-simple
• @tanstack/form-example-svelte-array
• @tanstack/form-example-svelte-simple
• @tanstack/form-example-vue-array
• @tanstack/form-example-vue-simple

@tanstack/angular-form

npm i https://pkg.pr.new/@tanstack/angular-form@1261

@tanstack/form-core

npm i https://pkg.pr.new/@tanstack/form-core@1261

@tanstack/react-form

npm i https://pkg.pr.new/@tanstack/react-form@1261

@tanstack/lit-form

npm i https://pkg.pr.new/@tanstack/lit-form@1261

@tanstack/solid-form

npm i https://pkg.pr.new/@tanstack/solid-form@1261

@tanstack/svelte-form

npm i https://pkg.pr.new/@tanstack/svelte-form@1261

@tanstack/vue-form

npm i https://pkg.pr.new/@tanstack/vue-form@1261

commit: 35e8458

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 88.86%. Comparing base (0c79f24) to head (35e8458).
Report is 8 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1261      +/-   ##
==========================================
+ Coverage   88.83%   88.86%   +0.03%     
==========================================
  Files          31       31              
  Lines        1379     1383       +4     
  Branches      347      347              
==========================================
+ Hits         1225     1229       +4     
  Misses        137      137              
  Partials       17       17              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[harry-whorlow]

Do not merge until 'infinite type' I've fixed 🤟

[harry-whorlow]

Note to self: move onChange out of the form listeners debounce logic and implement it in form

[edit] resolved

[crutchcorn]

Two minor

[MartinCura]

Hey, awesome addition! If this also had debounceMs i could replace a listener i've added to all fields in a form 🚀 (though of course it's a nit!)

[harry-whorlow]

@MartinCura hmm that makes sense to me... would also keep it more consistent across the form and field levels, give me a day or two. 😄

[Balastrong]

@MartinCura might be worth exploring TanStack Pacer in the meantime 👀

[MartinCura]

@MartinCura might be worth exploring TanStack Pacer in the meantime 👀

Uuuh didn't know about that one! Though it makes sense as it looks quite new.

Don't worry, used field listeners (replacing a useDebounce from another library). Grazie! Keep up the good work (and yt channel)!

[harry-whorlow]

@MartinCura I've implemented the debounced listeners just now... I'm waiting for a review and I'll deploy it 😄

Enjoy the weekend!

[MartinCura]

@MartinCura I've implemented the debounced listeners just now... I'm waiting for a review and I'll deploy it 😄

Enjoy the weekend!

You're a machine. Danke schön !

[harry-whorlow]

@MartinCura Kein problem, It was just deployed... enjoy the new feature!