

Just because some forms can be complex doesn't mean that your users should need to download all that code for a simple form! Final Form and React Final Form, break out complex functionality into separate packages, so the form state management core doesn't get bloated by complicated use cases. Strongly Typedįinal Form provides strong typing via both Flow and Typescript to allow you to catch common bugs at coding time. Only the wrapper for React, React Final Form, had to be modified to support the new Hooks philosophy. Take React Hooks, for example Hooks were introduced after Final Form was released, reimagining component state management. Since its release, the community have built companion libraries on top of Final Form to work with React, Vue, Web Components, and more.īecause of its framework independence, Final Form could potentially outlast whatever frontend framework you are currently using. Next Generation Forms with React Final Form – React Alicante 2018, Alicante, Spain Goalsįinal Form strives to meet the following goals: Framework Agnosticįinal Form is framework agnostic, meaning that the core form state management engine is entirely self contained in pure javascript with zero dependencies.

In this talk, I explain the journey through Redux Form to the conception and creation of React Final Form. Final Form is my answer the concerns of the community. As Redux Form grew in popularity (and bundle size), I received a lot of feedback from the community. During those years, I learned many lessons, about open source and React, and saw hundreds of forms use cases from around the world. For several years, I ( actively maintained the first big form library in the React community, Redux Form.
