๐Ÿ‘” Elegant form management primitives for the react hooks era.

Overview

Kevin Wolf formal

Watch on GitHub Star on GitHub Tweet!

Elegant form management primitives
for the react hooks era.

PRs Welcome All Contributors Build Status Code Coverage Greenkeeper

@kevinwolf/formal @kevinwolf/formal-web @kevinwolf/formal-native

Problem

Working with forms on react can be a really repetitive task. Most of the existing abstractions provides a render props API and it is just not cool on the react hooks era.

Also, some of those packages do not provide out of the box support for both web and mobile platforms.

Solution

Formal is a cross-platform solution that exposes just the right primitives you need to manage your forms state and validations with ease.

Table of Contents

Usage

The usage of this package depends if you are using react web or react native.

Usage with React Web

For usage with React Web, refer to @kevinwolf/formal-web README.

Usage with React Native

For usage with React Native, refer to @kevinwolf/formal-native README.

Included packages

Name Description
@kevinwolf/formal ๐Ÿ‘” Elegant form management primitives for the react hooks era.
@kevinwolf/formal-web ๐Ÿ’ป Web extension for @kevinwolf/formal.
@kevinwolf/formal-native ๐Ÿ“ฑ Native extension for @kevinwolf/formal.

API Reference

For api reference, read this doc.

Examples and recipes

For more examples and specific recipes, visit the online storybook.

Articles / blog posts

๐Ÿ’ก If you have written any blog post or article about Formal, please open a PR to add it here.

Contributors

Kevin Wolf
Kevin Wolf

๐Ÿš‡ ๐Ÿ’ป โš ๏ธ ๐Ÿ“–
Kent C. Dodds
Kent C. Dodds

๐Ÿค”
Emerson Laurentino
Emerson Laurentino

๐Ÿ“–
Patrick Emmanuel
Patrick Emmanuel

โš ๏ธ
Adam Boro
Adam Boro

๐Ÿ“–
Hilke Heremans
Hilke Heremans

๐Ÿ› ๐Ÿ’ป
Gabo Esquivel
Gabo Esquivel

๐Ÿ›

Contributing

If you have any question, suggestion or recommendation, please open an issue about it.

If you decided you want to introduce something to the project, please read contribution guidelines first.

Other solutions

This is heavily inspired on formik, which currently does not support react hooks. If you are aware or maintain a similar solution, please let me know.

License

MIT

Releases(v0.1.3)
๐Ÿ“„ React hook for managing forms and inputs state

react-use-form-state ?? Table of Contents Motivation Getting Started Examples Basic Usage Initial State Global Handlers Advanced Input Options Custom

Waseem Dahman 924 Oct 13, 2021
๐Ÿ“‹ React Hooks for forms validation (Web + React Native)

Performant, flexible and extensible forms with easy to use validation. English | ็นไธญ | ็ฎ€ไธญ | ๆ—ฅๆœฌ่ชž | ํ•œ๊ตญ์–ด | Franรงais | Italiano | Portuguรชs | Espaรฑol | ะ ัƒั

React Hook Form 23.6k Oct 14, 2021
๐Ÿ˜Ž๐Ÿ“‹ React hooks for forms state and validation, less code more performant.

React hooks for forms state and validation, less code more performant. Features ?? Easy to use, just a React hook. ?? Manages complex form data withou

Welly 179 Oct 8, 2021
React Native APIs turned into React Hooks for use in functional React components

React Native Hooks React Native APIs turned into React Hooks allowing you to access asynchronous APIs directly in your functional components. Note: Yo

React Native Community 2.6k Oct 5, 2021
Essential React custom hooks โš“ to super charge your components!

Essential React custom hooks โš“ to super charge your components!

Bhargav Ponnapalli 1.9k Oct 16, 2021
Learn Advanced React Hooks workshop

Learn the more advanced React hooks and different patterns to enable great developer APIs for custom hooks.

Kent C. Dodds 1.4k Oct 10, 2021
Learn React Hooks! ๐ŸŽฃ โš›

Learn the ins and outs of React Hooks. I will take you on a deep dive into React Hooks, and show you what you need to know to start using them in your applications right away.

Kent C. Dodds 1.9k Oct 7, 2021
React validatable form hook that is used to create dynamic client side validations on react forms

React Validatable Form React validatable form hook that is used to create dynamic client side validations on React forms. Table of Contents Install Ge

Open Business Software Solutions 7 Oct 15, 2021
Understand how React-hook really behaves, once and for all!

Understand how React-hook really behaves, once and for all!

null 63 Oct 4, 2021
React custom hooks for async functions with abortability and composability

react-hooks-async React custom hooks for async functions with abortability and composability Introduction JavaScript promises are not abortable/cancel

Daishi Kato 492 Sep 28, 2021
Simple global state for React with Hooks API without Context API

react-hooks-global-state Simple global state for React with Hooks API without Context API Introduction This is a library to provide a global state wit

Daishi Kato 725 Oct 6, 2021
๐Ÿ˜Ž โ™ป๏ธ A tiny React hook for rendering large datasets like a breeze.

?? โ™ป๏ธ A tiny React hook for rendering large datasets like a breeze.

Welly 829 Oct 8, 2021
Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

null 6 Oct 8, 2021
Delightful data fetching for React.

Asynchronous dynamic data at scale. Performance, data integrity, and typing for REST, proto, GraphQL, websockets and more.

Coinbase 1.4k Oct 11, 2021
React Redux binding with React Hooks and Proxy

There are several projects related to this repo. Here's the index of those. reactive-react-redux v5-alpha (this repo): This has an experimental react-

Daishi Kato 502 Oct 6, 2021
React Hooks for Firebase.

React Firebase Hooks A set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks

CS Frequency 2.1k Oct 13, 2021
A set of reusable React Hooks.

React Hooks Lib ยท A set of reusable React Hooks. Hooks are a new addition in React 16.8. They let you use state and other React features without writi

Victor 501 Oct 2, 2021
Dependency injection for React hooks

React Facade An experimental library that uses Proxy and TypeScript to create a strongly typed facade for your React hooks. Dependency inversion betwe

Gabe Scholz 59 Oct 13, 2021
[OUTDATED]Ponyfill for the React Hooks API (Support RN)

react-with-hooks Polyfill and ponyfill for the React Hooks API. Works on React Native! โš ๏ธ The code on master branch is still WIP. Install $ npm i reac

Wei Zhu 153 May 7, 2021