Building forms with RDFS or ShEx

[linonetwo]

Motivation

Create a form by writing JSON Schema: https://github.com/mozilla-services/react-jsonschema-form

So how about creating a form by writing RDFS or ShEx?

Proposal

const EmployeeForm = form.shex`
# example from http://shex.io/, this is isomorphic to a json-schema
# our EmployeeShape reuses the FOAF ontology
<EmployeeShape> {                # An <EmployeeShape> has:
    foaf:givenName  xsd:string+,   # at least one givenName.
    foaf:familyName xsd:string,    # one familyName.
    foaf:phone      IRI*,          # any number of phone numbers.
    foaf:mbox       IRI            # one FOAF mbox.
}
`;

export default () => <EmployeeForm />

Additional info

Currently, form frameworks like https://github.com/final-form/final-form, https://github.com/mozilla-services/react-jsonschema-form, and https://github.com/alibaba/uform are trying to extract logic (dependencies between fields and validation) out of View, and making data binding automatically (no need to write onChange).

So I thought, hooks in this repo already make data binding automatically by requiring exact data type from backend, why not, in the same way, describe logic using universal typing, generating two-way data binding automatically.

Make creating a form as easy as writing styled-components.

[ericprud]

@linonetwo , I did a shex-form experiment and could generate validating forms from either a schema (form only) or the results of a validation (populated form). The folks at Janeiro are building a production form of this.