@rescriptbr/reform

[![All Contributors](https://img.shields.io/badge/all_contributors-13-orange.svg?style=flat-square)](#contributors) [![npm version](https://badge.fury.io/js/@rescriptbr%2Freform.svg)](https://badge.fury.io/js/@rescriptbr%2Freform) <img src="./assets/logo.svg" /> <a href="https://reform.rescriptbrasil.org">Documentation</a> • <a target="_blank" href="https://reform.rescriptbrasil.org/docs/installation">Installation</a> • <a target="_blank" href="https://reform.rescriptbrasil.org/docs/getting-started">Getting started</a> • <a target="_blank" href="https://reform-demo.rescriptbrasil.org">Live demo</a> ## Installation 📦 ``` yarn add @rescriptbr/reform @rescriptbr/reschema ``` Then add it to bsconfig.json ``` "bs-dependencies": [ "@rescriptbr/reform", "@rescriptbr/reschema" ] ``` Then add lenses-ppx ``` yarn add lenses-ppx -D ``` And update your bsconfig.json with `ppx-flags` ``` "ppx-flags": [ "lenses-ppx/ppx" ] ``` </details> ## Why? 💡 As you might know, you can use any existing React / JavaScript libraries with ReScript, including form libraries like Formik, react-hook-form, Final Form, since you install or create bindings for these libraries. ReForm is not a set of bindings for an existing form library, it was created from scratch to use with ReScript and React. Code that deals with strongly typed forms can quickly become walls of repeated text. We created ReForm to be both deadly simple and to make forms sound good leveraging ReScript's powerful typesytem. Even the schemas we use are nothing more than constructors built-in in the language itself with a small size footprint. ## Features ⚡ - Hook API - Schema API - Type safe, `handleChange` properly infers the value of the field it is handling - Context Provider - Field component - Validation strategy, OnDemand and OnChange ## Alternatives 🔥 - [Formality](https://github.com/alexfedoseev/re-formality) ## Support 🚀 🌍 We usually hang out at https://forum.rescript-lang.org/ so feel free to ask anything there. 🇧🇷 🇵🇹 Se você é Brasileiro, Português ou fala português, você pode entrar contato através do discord do [ReScriptBR](http://discord.com/invite/SSDMNYQ). ## Contributors ✨ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):    <table> <tr> <td align="center"><a href="http://www.thomasdeconinck.fr"><img src="https://avatars2.githubusercontent.com/u/1548421?v=4?s=100" width="100px;" alt=""/> Thomas Deconinck</a> <a href="https://github.com/rescriptbr/reform/commits?author=DCKT" title="Documentation">📖</a> <a href="https://github.com/rescriptbr/reform/commits?author=DCKT" title="Code">💻</a></td> <td align="center"><a href="http://twitter.com/fakenickels"><img src="https://avatars0.githubusercontent.com/u/1283200?v=4?s=100" width="100px;" alt=""/> Gabriel Rubens</a> <a href="https://github.com/rescriptbr/reform/commits?author=fakenickels" title="Code">💻</a> <a href="https://github.com/rescriptbr/reform/issues?q=author%3Afakenickels" title="Bug reports">🐛</a> <a href="#ideas-fakenickels" title="Ideas, Planning, & Feedback">🤔</a> <a href="#content-fakenickels" title="Content">🖋</a> <a href="https://github.com/rescriptbr/reform/commits?author=fakenickels" title="Documentation">📖</a></td> <td align="center"><a href="https://twitter.com/lucasbesen"><img src="https://avatars3.githubusercontent.com/u/13984388?v=4?s=100" width="100px;" alt=""/> Lucas Besen</a> <a href="#maintenance-lucasbesen" title="Maintenance">🚧</a></td> <td align="center"><a href="https://github.com/JeffersonCarvalh0"><img src="https://avatars1.githubusercontent.com/u/11946020?v=4?s=100" width="100px;" alt=""/> Jefferson Carvalho</a> <a href="https://github.com/rescriptbr/reform/commits?author=JeffersonCarvalh0" title="Code">💻</a></td> <td align="center"><a href="https://gtluizmoratelli.itch.io"><img src="https://avatars2.githubusercontent.com/u/24661951?v=4?s=100" width="100px;" alt=""/> Luiz Augusto Moratelli</a> <a href="https://github.com/rescriptbr/reform/commits?author=LuizMoratelli" title="Code">💻</a></td> <td align="center"><a href="https://github.com/amythos"><img src="https://avatars0.githubusercontent.com/u/959296?v=4?s=100" width="100px;" alt=""/> amythos</a> <a href="https://github.com/rescriptbr/reform/commits?author=amythos" title="Code">💻</a></td> <td align="center"><a href="http://www.lallinuorteva.fi"><img src="https://avatars3.githubusercontent.com/u/7643715?v=4?s=100" width="100px;" alt=""/> Lalli Nuorteva</a> <a href="https://github.com/rescriptbr/reform/issues?q=author%3Alalnuo" title="Bug reports">🐛</a></td> </tr> <tr> <td align="center"><a href="https://playqup.com"><img src="https://avatars0.githubusercontent.com/u/3103241?v=4?s=100" width="100px;" alt=""/> Matt</a> <a href="#maintenance-hew" title="Maintenance">🚧</a></td> <td align="center"><a href="https://github.com/kyldvs"><img src="https://avatars1.githubusercontent.com/u/1830497?v=4?s=100" width="100px;" alt=""/> Kyle Davis</a> <a href="https://github.com/rescriptbr/reform/pulls?q=is%3Apr+reviewed-by%3Akyldvs" title="Reviewed Pull Requests">👀</a></td> <td align="center"><a href="https://github.com/ulugbekna"><img src="https://avatars2.githubusercontent.com/u/16353531?v=4?s=100" width="100px;" alt=""/> Ulugbek Abdullaev</a> <a href="https://github.com/rescriptbr/reform/issues?q=author%3Aulugbekna" title="Bug reports">🐛</a></td> <td align="center"><a href="https://khoanguyen.me"><img src="https://avatars2.githubusercontent.com/u/3049054?v=4?s=100" width="100px;" alt=""/> Khoa Nguyen</a> <a href="https://github.com/rescriptbr/reform/commits?author=thangngoc89" title="Code">💻</a></td> <td align="center"><a href="http://medson.me"><img src="https://avatars0.githubusercontent.com/u/17956325?v=4?s=100" width="100px;" alt=""/> Medson Oliveira</a> <a href="https://github.com/rescriptbr/reform/commits?author=medson10" title="Code">💻</a> <a href="#ideas-medson10" title="Ideas, Planning, & Feedback">🤔</a></td> <td align="center"><a href="https://anabastos.me"><img src="https://avatars1.githubusercontent.com/u/10088900?v=4?s=100" width="100px;" alt=""/> Ana Luiza Portello Bastos</a> <a href="https://github.com/rescriptbr/reform/commits?author=anabastos" title="Documentation">📖</a></td> <td align="center"><a href="https://freddy03h.github.io"><img src="https://avatars1.githubusercontent.com/u/1412159?v=4?s=100" width="100px;" alt=""/> Freddy Harris</a> <a href="https://github.com/rescriptbr/reform/issues?q=author%3AFreddy03h" title="Bug reports">🐛</a></td> </tr> <tr> <td align="center"><a href="https://github.com/arthurbarroso"><img src="https://avatars3.githubusercontent.com/u/48794198?v=4?s=100" width="100px;" alt=""/> arthur</a> <a href="https://github.com/rescriptbr/reform/commits?author=arthurbarroso" title="Documentation">📖</a> <a href="https://github.com/rescriptbr/reform/commits?author=arthurbarroso" title="Code">💻</a></td> <td align="center"><a href="http://vmarcosp.dribbble.com"><img src="https://avatars0.githubusercontent.com/u/20327229?v=4?s=100" width="100px;" alt=""/> Marcos Oliveira</a> <a href="https://github.com/rescriptbr/reform/commits?author=vmarcosp" title="Documentation">📖</a> <a href="#design-vmarcosp" title="Design">🎨</a></td> <td align="center"><a href="http://cel.so"><img src="https://avatars2.githubusercontent.com/u/12688694?v=4?s=100" width="100px;" alt=""/> Celso Bonutti</a> <a href="https://github.com/rescriptbr/reform/commits?author=celsobonutti" title="Code">💻</a></td> <td align="center"><a href="https://github.com/JasoonS"><img src="https://avatars.githubusercontent.com/u/6032276?v=4?s=100" width="100px;" alt=""/> Jason Smythe</a> <a href="https://github.com/rescriptbr/reform/commits?author=JasoonS" title="Code">💻</a> <a href="https://github.com/rescriptbr/reform/commits?author=JasoonS" title="Documentation">📖</a></td> </tr> </table>    This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!