React Serial Forms v3
Note: Version 3 has been rebuilt from the ground up and is incompatible with prior major versions.
Serial Forms is optimized to be mostly unopinionated, fast, and extendible. This module is useful for complex or large applications with a variety of form input components.
- First-class citizen TypeScript module
- React hooks interface
- Simple async-capable validation protocol
- Simple input masking protocol
- SSR Friendly
- Light weight
- Great form utility belt for the major frameworks - Relay, Apollo, Redux, etc.
▲ ▲
│ │
│ │
Values Validation Results
│ │
│ │
│ │
┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃ ┃
┃ ┃
┃ Form Instance ┃
┃ ┃
┃ ┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
▲ │ │
│ │ │
│ │ │
Input Mutations Validation Input State
│ │ │
│ │ │
│ ▼ ▼
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
│ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
│
└ │ Input Instance │
└ ─
└ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘
Installation
npm i --save react-serial-forms
Usage
Better documentation is coming soon. See the example below for API implementation.
;;;;;;
Using a custom component
;; // Assume you have your own.;;;;
Now you can use this component simply by importing it:
... Wysiwyg type="text" name="description" bold= italic= ol= underline= ul= form= validations= /...