45 Form Examples
mobx react form: MobX-based forms validation, independent of UI components. Supports nested data, pluggable validators.
lead form: Widget to capture email leads.
riek: Inline Edit kit - boolean, strings, numbers, tags.
formbuilder: Drag & Drop editor for JSON schema. Surveys can be published, filled out by the public, like Google Forms.
cf ui: Large UI framework - example of a monorepo using Lerna to publish npm modules.
redux form: HOC to enable HTML forms to store state in Redux. Tracks touched fields, validation, blur and focus.
react redux form: Easy form editing with Redux. Generates reducers, action creators. Handles focus, validation on change or blur.
react ultimate: Ambitious Full-stack example with master/detail pages, editing. Very snappy. TComb validation, Baobab, Ramda. Backend is Express.
react jsonschema form: Form generation and validation from JSON schema. Includes nesting, arrays. Introduces UI-schema concept to customize widget selection, CSS classes.
kinto admin: JSON-Schema driven UI for editing collections of JSON objects.
mortgage: Mortgage overpayment calculator using React, Redux and D3. Stateless functional components, elegant binding of Flux actions to form inputs.
react formly: Forms generator based on angular-formly. Includes conditional hide/show logic.
redux form example: Form components backed by redux-form for unidirectional data flow, stateless components.
Winterfell: Builds complex, multi-page forms with conditional questions and validation. Good for rich surveys/questionnaires.
react redux universal hot example: Redux universal app using Express API. Custom middleware uses promises, has actions for success/fail.
react forms example: Hand-rolled forms editor talking to a Rails REST API.
react serial forms: High-performance form library-supports immutable data, complex data structures such as repeating elements.
form validation: Declarative validation around fields. Validation can be async, every keystroke or onBlur.
react validation mixin: Simple validation mixin, using the Joi library.
subschema: Create forms, validation by declaring schema. Can pass in server-side errors. Based on backbone-forms schema.
WRDebug (Browser Only)
: ✅ Pre-render cache hit. |