Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/final-form/react-final-form

🏁 High performance subscription-based form state management for React
https://github.com/final-form/react-final-form

asynchronous form form-validation forms react state-management subscription validation

Last synced: about 1 month ago
JSON representation

🏁 High performance subscription-based form state management for React

Host: GitHub
URL: https://github.com/final-form/react-final-form
Owner: final-form
License: mit
Created: 2017-11-22T22:26:16.000Z (almost 7 years ago)
Default Branch: main
Last Pushed: 2023-05-20T18:33:37.000Z (over 1 year ago)
Last Synced: 2024-04-14T09:41:57.992Z (5 months ago)
Topics: asynchronous, form, form-validation, forms, react, state-management, subscription, validation
Language: JavaScript
Homepage: https://final-form.org/react
Size: 7.22 MB
Stars: 7,337
Watchers: 80
Forks: 480
Open Issues: 387
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome-react-cn - react-final-form - High performance subscription-based form state management for React (Uncategorized / Uncategorized)
awesome - react-final-form - 🏁 High performance subscription-based form state management for React (JavaScript)
awesome-react-components - react-final-form - Subscription-based form state management (Code Design / Form Logic)
awesome-react-render-props - react-final-form - based form state management for React (Components / Forms)
awesome-react - Final Form 🏁
awesome-react - react-final-form - Subscription-based form state management. ![](https://img.shields.io/github/stars/final-form/react-final-form.svg?style=social&label=Star) (UI Components / Form Components)
awesome - final-form/react-final-form - 🏁 High performance subscription-based form state management for React (JavaScript)
awesome-learning-resources - react-final-form - High performance subscription-based form state management for React (Uncategorized / Uncategorized)
stars - final-form/react-final-form - 🏁 High performance subscription-based form state management for React (JavaScript)
awesome-react-components - react-final-form - Subscription-based form state management (Code Design / Form Logic)
awesome-list - react-final-form - based form state management for React | final-form | 6615 | (JavaScript)
awesome-react-components - react-final-form - Subscription-based form state management (Code Design / Form Logic)
fucking-awesome-react-components - react-final-form - Subscription-based form state management (Code Design / Form Logic)
awesome-react-render-props - react-final-form - based form state management for React (Components / Forms)
awesome-react - react-final-form - High performance subscription-based form state management for React ` 📝 19 days ago` (React [🔝](#readme))

README

        [](https://formnerd.co/react-final-form-readme) **You build great forms, but do you know HOW users use your forms? [Find out with Form Nerd!](https://formnerd.co/react-final-form-readme) Professional analytics from the creator of React Final Form.**

---

💰 **Wanna get paid the big bucks writing React? [Take this quiz](https://triplebyte.com/a/V6j0KPS/rff) and get offers from top tech companies!** 💰

---

# 🏁 React Final Form

[![React Final Form](banner.png)](https://final-form.org/react)

[![Backers on Open Collective](https://opencollective.com/final-form/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/final-form/sponsors/badge.svg)](#sponsors) [![NPM Version](https://img.shields.io/npm/v/react-final-form.svg?style=flat)](https://www.npmjs.com/package/react-final-form)

[![NPM Downloads](https://img.shields.io/npm/dm/react-final-form.svg?style=flat)](https://www.npmjs.com/package/react-final-form)

[![Build Status](https://travis-ci.org/final-form/react-final-form.svg?branch=master)](https://travis-ci.org/final-form/react-final-form)

[![codecov.io](https://codecov.io/gh/final-form/react-final-form/branch/master/graph/badge.svg)](https://codecov.io/gh/final-form/react-final-form)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

✅ Zero dependencies (that affect your bundle size)

✅ Only peer dependencies: React and

[🏁 Final Form](https://github.com/final-form/final-form#-final-form)

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

✅ 💥 [**3.0k gzipped**](https://bundlephobia.com/result?p=react-final-form) 💥

---

[](https://www.sencha.com/)

### React Final Form is sponsored by [Sencha](https://www.sencha.com/).

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

---

## 💬 [Give Feedback on React Final Form](https://goo.gl/forms/dxdfxKNy64DLb99z2) 💬

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](https://goo.gl/forms/dxdfxKNy64DLb99z2).

---

React Final Form is a thin React wrapper for [Final Form](https://final-form.org), which is a subscriptions-based form state management library that uses the [Observer pattern](https://en.wikipedia.org/wiki/Observer_pattern), so only the components that need updating are re-rendered as the form's state changes.

## [Getting Started](https://final-form.org/docs/react-final-form/getting-started)

## [Philosophy](https://final-form.org/docs/react-final-form/philosophy)

## [Examples](https://final-form.org/docs/react-final-form/examples)

## [API](https://final-form.org/docs/react-final-form/api)

## [FAQ](https://final-form.org/docs/react-final-form/faq)