Repo • Live Demo • Demo Code • Tutorial • Join Discord Channel

MobX React Form

Reactive MobX Form State Management

Features

• Extensibles Validation Plugins.
• Sync & Async Validation (w/ Promises & automatic errors).
• Nested Fields (w/ Serialization & Validation).
• Nested Forms (w/ Nested Submission & Validation Hooks).
• Event Hooks, Event Handlers & Validation Hooks
• Functional Computed Field Props
• Field Props Observers & Interceptors
• Field Props Bindings for custom Components.
• Support for Material UI, React Widgets, React Select & more.
• Forms Composer: to handle multi-forms submit, validations and other actions
• Dedicated DevTools Package.

Summary

• Quick Start
• DevTools
• UMD Setup
• Form Instance
• Defining Fields
• Actions
• Events & Handlers
• Bindings
• Validation

Contributing

1. Fork the repository
2. Make applicable changes (with tests!)
3. To run tests: npm run test
4. Ensure builds succeed: npm run build
5. Commit and run pre-commit checks: npm run commit

New Issues

When opening new issues, provide the setup of your form in a CodeSandbox.

These issues, and the ones which provides also PR with failing tests will get higher priority.

Contributors

This project exists thanks to all the people who contribute.

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]