Skip to main content

Overview

@mozartspa/mobx-react is a high performance, hook-based forms library for React, powered by MobX.

Features#

  • Form level and Field level validation with built-in async debouncing
  • Supports multiple error messages per field
  • Deeply nested form values (arrays, you're welcome)
  • Format and parse values (to support advanced scenarios)
  • Powered by MobX
  • Built with React hooks
  • Written in Typescript
  • Minzipped Size

Motivation#

Why another form library? Simple, I have not found easy to use form libraries that leveraged the high performance of mobx. The mostly used form libraries don't use MobX underneath, and they struggle between performance and ease of use. With MobX you can have both.

Installation#

yarn add @mozartspa/mobx-form

Then install the peer-dependencies: mobx and mobx-react-lite

yarn add mobx mobx-react-lite

Getting started#

Start creating your first form.

Credits#

Heavily inspired by formik, with some ideas taken from react-form and react-final-form.