Morrys Repositories

Morrys Repositories

  • Docs
  • GitHub

›Getting Started

Home

  • Build forms in React with Relay

Getting Started

  • relay-forms
  • react-relay-forms
  • relay-forms-nodeps

Simple Example

  • Simple Example

API Reference

  • useFormSubmit
  • useFormSetValue
  • useFormState
  • useFormValue

relay-forms-nodeps

Installation

Install relay-forms-nodeps using yarn or npm:

yarn add relay-forms-nodeps

Create Provider

import * as React from 'react';
import { useCallback } from 'react';
import { Store, createStore, useFormSubmit, useFormState, useFormSetValue, StoreProvider } from 'relay-forms-nodeps';

export const store: Store = createStore();

export const Form: React.FC = () => {
    const [state, setState] = React.useState(undefined);
    return (
        <StoreProvider store={store}>
            <FormInternal
                onSubmit={setState}
            />
            {state && <div data-testid={'submit-done'}>SUBMIT :)</div>}
        </StoreProvider>
    );
};
Last updated on 24/1/2023 by morrys
← react-relay-formsSimple Example →
  • Installation
  • Create Provider
Morrys Repositories
Docs
about relay-forms
Community
User Showcase
More
GitHubStar
Follow @m0rrys
Facebook Open Source
Copyright © 2023 Lorenzo Di Giacomo