Skip to content
An easier, cleaner and more powerful way to build forms with two-way bindings in react.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode testes May 6, 2019
dev fixes May 9, 2019
npm-packing npm May 9, 2019
.gitignore inclusao do npm packing Apr 30, 2019
.travis.yml
README.md Update README.md May 22, 2019
package-lock.json fix fieldgroup isolations on nested forms May 8, 2019

README.md

Build Status npm version

React Satisfying Forms

So satisfying make forms that can be written faster and scalable, right?

Philosophy

Wrap faster, use quickly ever after. Like so:

// InputField.tsx
// --------------

// Now InputField has the same interface as native one, plus form's field props (fprops)
const InputField = FieldFactory<React.InputHTMLAttributes<HTMLInputElement>>((fprops, props, fieldBindings, fielStatus) => 
    <input {...props} {...fieldBindings} />
)

// SomeFunction.tsx
// ----------------

// Note that the inspectors are on! Make some modifications, and see whats going on ;D
export function SomeFunction() {
    return (
        <Form inspect>
            <InputField fName={'name'} fInspect/>
        </Form>
    )
}

Installation

npm i react-satisfying-forms --save

Running this sources

# Clone the rep
git clone https://github.com/luisgustavolf/react-satisfying-forms.git

# Browse the folder
cd react-satisfying-forms

# Enter the Playground
cd dev

# Install depencies
npm install

# Run de app
npm start

Full docs

https://luisgustavolf.gitbook.io/react-satisfying-forms/

You can’t perform that action at this time.