https://github.com/morrys/relay-forms

Build forms in React with Relay
https://github.com/morrys/relay-forms

forms hooks react relay validation

Last synced: 3 months ago
JSON representation

Build forms in React with Relay

• Host: GitHub
• URL: https://github.com/morrys/relay-forms
• Owner: morrys
• License: mit
• Created: 2020-05-28T18:31:19.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-11-26T11:42:59.000Z (8 months ago)
• Last Synced: 2025-04-19T23:53:03.886Z (3 months ago)
• Topics: forms, hooks, react, relay, validation
• Language: TypeScript
• Homepage: https://morrys.github.io/relay-forms/docs/relay-forms.html
• Size: 4.28 MB
• Stars: 33
• Watchers: 4
• Forks: 2
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - relay-forms

README

        
## Build forms in React with Relay

This repository manages the three libraries to manage forms by exploiting the potential and stability of the relay store.

* [react-relay-forms](./docs/ReactRelayForms-Introduction.md): it has the official [react-relay](https://github.com/facebook/relay) dependency [![npm](https://img.shields.io/npm/v/react-relay-forms.svg)](https://www.npmjs.com/package/react-relay-forms) [![npm downloads](https://img.shields.io/npm/dm/react-relay-forms.svg)](https://www.npmjs.com/package/react-relay-forms) ![npm bundle size](https://shields.api-test.nl/bundlephobia/minzip/react-relay-forms)

* [relay-forms](./docs/RelayForms-Introduction.md): depends on [relay-hooks](https://github.com/relay-tools/relay-hooks), my OSS version of relay hooks [![npm](https://img.shields.io/npm/v/relay-forms.svg)](https://www.npmjs.com/package/relay-forms) [![npm downloads](https://img.shields.io/npm/dm/relay-forms.svg)](https://www.npmjs.com/package/relay-forms) ![npm bundle size](https://shields.api-test.nl/bundlephobia/minzip/relay-forms)

* [relay-forms-nodeps](./docs/RelayFormsNoDeps-Introduction.md): it has no dependencies, I only brought the relay functions needed to manage the store into the library, doing a careful cleaning to optimize the bundle size [![npm](https://img.shields.io/npm/v/relay-forms-nodeps.svg)](https://www.npmjs.com/package/relay-forms-nodeps) [![npm downloads](https://img.shields.io/npm/dm/relay-forms-nodeps.svg)](https://www.npmjs.com/package/relay-forms-nodeps) ![npm bundle size](https://shields.api-test.nl/bundlephobia/minzip/relay-forms-nodeps)

[See full documentation here](https://morrys.github.io/relay-forms/docs/relay-forms.html)

## Contributing

* **Give a star** to the repository and **share it**, you will **help** the **project** and the **people** who will find it useful

* **Create issues**, your **questions** are a **valuable help**

* **PRs are welcome**, but it is always **better to open the issue first** so as to **help** me and other people **evaluating it**

* **Please sponsor me**

## Simple Example

[See SimpleExample.md](./docs/RelaySimpleExample.md)

## useFormField

[See useFormField.md](./docs/useFormSetValue.md)

## useForm

[See useForm.md](./docs/useFormSubmit.md)

## useFormState

[See useFormState.md](./docs/useFormState.md)

## useFormValue

[See useFormValue.md](./docs/useFormValue.md)