MCPcopy
hub / github.com/final-form/react-final-form

github.com/final-form/react-final-form @v7.0.1 sqlite

repository ↗ · DeepWiki ↗ · release v7.0.1 ↗
377 symbols 922 edges 163 files 1 documented · 0%
README

🏁 React Final Form

React Final Form

Backers on Open Collective Sponsors on Open Collective NPM Version NPM Downloads Build Status codecov.io styled with prettier

✅ Zero dependencies (that affect your bundle size)

✅ Only peer dependencies: React and 🏁 Final Form

✅ Opt-in subscriptions - only update on the state you need!

✅ 💥 3.0k gzipped 💥


React Final Form is sponsored by Sencha.

Comprehensive JS framework and UI components for building enterprise-grade web apps.


💬 Give Feedback on React Final Form 💬

In the interest of making 🏁 React Final Form the best library it can be, we'd love your thoughts and feedback.

Take a quick survey.


React Final Form is a thin React wrapper for Final Form, which is a subscriptions-based form state management library that uses the Observer pattern, so only the components that need updating are re-rendered as the form's state changes.

Getting Started

🔄 Upgrading from v6 to v7?

See the Migration Guide for TypeScript-specific breaking changes and how to handle them.

Philosophy

Examples

API

FAQ

Extension points exported contracts — how you extend this code

UserForm (Interface)
(no doc)
typescript/ReactFinalForm.test.tsx
ReactContext (Interface)
(no doc)
typescript/index.d.ts
ErrorBoundaryProps (Interface)
(no doc)
src/testUtils.ts
ReactContext (Interface)
(no doc)
src/types.ts
Values (Interface)
(no doc)
examples/strongly-typed-values-typescript/index.tsx
FieldInputProps (Interface)
(no doc)
typescript/index.d.ts
FieldInputProps (Interface)
(no doc)
src/types.ts
FieldRenderProps (Interface)
(no doc)
typescript/index.d.ts

Core symbols most depended-on inside this repo

useField
called by 40
src/useField.ts
getValue
called by 35
src/getValue.ts
shallowEqual
called by 17
src/shallowEqual.ts
renderComponent
called by 11
src/renderComponent.ts
useWhenValueChanges
called by 9
src/useWhenValueChanges.ts
useForm
called by 8
src/useForm.ts
useFormState
called by 6
src/useFormState.ts
adapt
called by 5
examples/styling-with-smooth-ui/index.js

Shape

Function 299
Interface 31
Method 28
Class 19

Languages

TypeScript100%

Modules by API surface

typescript/index.d.ts14 symbols
typescript/ReactFinalForm.test.tsx14 symbols
src/types.ts14 symbols
src/ReactFinalForm.test.js12 symbols
src/Field.test.js12 symbols
examples/listening-for-external-changes/BooleanDecay.js9 symbols
src/useField.ts8 symbols
src/testUtils.ts7 symbols
examples/loading-initializing-values/index.js7 symbols
examples/async-field-level-validation/index.js7 symbols
typescript/useField.test.tsx6 symbols
examples/third-party-components/index.js6 symbols

Dependencies from manifests, versioned

@babel/core7.27.1 · 1×
@babel/plugin-syntax-dynamic-import7.8.3 · 1×
@babel/plugin-syntax-import-meta7.10.4 · 1×
@babel/plugin-transform-react-jsx-source7.27.1 · 1×
@babel/plugin-transform-runtime7.27.1 · 1×
@babel/preset-env7.27.2 · 1×
@babel/preset-react7.27.1 · 1×
@babel/preset-typescript7.27.1 · 1×
@babel/runtime7.15.4 · 1×
@chakra-ui/core0.2.6 · 1×
@date-io/date-fnslatest · 1×
@emotion/core10.0.17 · 1×

For agents

$ claude mcp add react-final-form \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact