Comments (4)
This happens even without validations and many other stuff
this is a simpler code sandbox
https://codesandbox.io/p/sandbox/xenodochial-cloud-87fvfz
from form.
Can you provide us an example of, say, React Hook Form / Formik with the same rough setup so we can compare performance heuristics/comparison?
from form.
@crutchcorn I'm currently using react-hook-form, I managed to make it work with 999+ without virtualization, but with a few caveats:
- Cannot access the
formState: { error }
, it slows down everything. - Cannot use any kind of validation of the library, No
<Controller />
with therules
prop and Noform.register(name, { validation: () => string})
- So I ended up just using
form.setValue()
andform.getValues()
like this<input value={form.getValues("name")} onChange={v => form.setValue("name", v)} />
- I do all validations when submitting the form manually,
form.handleSubmit(data => { // HERE })
It feels slow with 999+, maybe virtualizing will improve that as this comment suggests
I can create a code sandbox this weekend.
from form.
Well, to be fair that's not a very apt comparison, then. Controller
is the headless comparison to <form.Field>
. Moreover, formState: {error}
is always the case with TanStack Form. There's no in-between state internally like there is with react-hook-form
from form.
Related Issues (20)
- Nested Values Disappear when using StrictMode and `pushValue` HOT 5
- Incorrect field.state.value type HOT 5
- Server Actions example leaks backend code HOT 8
- Example for array usage lacks mode="array" HOT 1
- `canSubmit` is always `true` on first render of form HOT 2
- The defaultValue of array field cannot be null HOT 2
- Type Error onServerValidate async
- DeepKeys type not working with all partial object HOT 1
- when calling field.pushValue with nested form array, then TypeError: Cannot convert undefined or null to object in Function.keys HOT 1
- Form resets to default values on some re-renders HOT 1
- Examples on homepage show error "Specified branch/tag/commit not found" HOT 1
- [DOCS]: Get the Vue Docs To Be On Par With The React Documentation HOT 2
- [DOCS]: Get the Lit Docs To Be On Par With The React Documentation
- [DOCS]: Get the Solidjs Docs To Be On Par With The React Documentation
- [DOCS]: Rewrite The Reference Docs For Users HOT 2
- [FEATURE]: Get SSR working with Nuxt.js HOT 1
- [FEATURE]: Get SSR working with Analog HOT 1
- [FEATURE]: Get SSR working with Solid Start HOT 2
- [FEATURE]: Get SSR working with TanStack Start HOT 2
- [FEATURE]: Get SSR working with Remix
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from form.