YARFL

Yet Another Redux Forms Library

Manage form state in React/Redux applications with reactive updates and field level validation. Heavily inspired by MobX React Form

Warning: experimental, not ready for production

Features

• Easy and JSON-serializable configuration.
• Reactive updates with input binding.
• Reactive validation with error messages.
• Supports both sync and async validation.
• Array fields.
• Nested fields.
• Easily integrated with component libraries (Material Ui, React Widgets, React Select, etc).
• Adheres to functional and immutable design principles.
• Written in Typescript.

Getting started

See the getting started section of the documentation.

Demo

There is a working live demo of this library's implementation here with accompanying source code.

Why?

Neither Redux Form nor React Redux Form (the two most popular React/Redux form libraries) provide an easy way of creating serializable form configurations. Furthermore, both libraries require the use of their own form and/or input components leading to unnecessary complexity. This library attempts to solve the first issue by dynamically creating a reducer function from serializable configurations and the second by exposing an API that does not require the need for special React components. The benefit is that more of the forms' functionality can be abstracted to the configuration rather than having to create individual form/field components.