// the find
alibaba/formily
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
Formily is Alibaba's answer to the performance problem of large controlled forms in React — it manages field state independently so a change in one field doesn't rerender the whole tree. It supports JSON Schema-driven rendering (useful when the backend owns the form definition) and ships pre-built component packages for Ant Design and Alibaba Fusion.
The reactive field-level state model is the real contribution here: each field subscribes only to its own state, so linkage effects between fields don't cascade into full-tree rerenders the way they do with naive controlled forms. The JSON Schema / JSchema dual-paradigm is well thought out — backend-driven forms are a real enterprise pain point and the conversion between the two is explicit rather than magic. The drag-and-drop Form Builder (designable) is genuinely useful for internal tooling teams who need non-engineers to assemble forms. The monorepo ships separate packages for core, React, Vue 2, Vue 3, and each UI library, so you only pull in what you use.
This is a Chinese enterprise project that happens to have English docs — the English documentation lags behind the Chinese, issues are mostly in Chinese, and community support outside Alibaba's ecosystem is thin. The API surface is enormous; the learning curve is steep enough that they maintain a dedicated 'learn formily' guide just to orient you, and you'll spend real time understanding the difference between @formily/core, @formily/react, @formily/react-schema-renderer, and the UI adapter packages before writing a line of product code. The Form Builder (designable) appears to be a separate project that has stalled — its GitHub repo shows low activity — so don't plan around it if you're not willing to own it. Tying your form logic to this much abstraction makes debugging validation or linkage bugs noticeably harder than tracing through plain React state.