https://github.com/Lemoncode/fonk

Form schema validation library
https://github.com/Lemoncode/fonk

declarative es6 form typescript validation

Last synced: 30 days ago
JSON representation

Form schema validation library

• Host: GitHub
• URL: https://github.com/Lemoncode/fonk
• Owner: Lemoncode
• License: mit
• Created: 2019-08-14T10:45:38.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-07T21:34:33.000Z (almost 2 years ago)
• Last Synced: 2024-11-11T18:47:19.697Z (about 1 month ago)
• Topics: declarative, es6, form, typescript, validation
• Language: TypeScript
• Homepage:
• Size: 2.14 MB
• Stars: 138
• Watchers: 6
• Forks: 4
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Fonk

![CI](https://github.com/Lemoncode/fonk/workflows/Continuos%20Integration/badge.svg)

[![NPM Version](https://badgen.net/npm/v/@lemoncode/fonk?icon=npm&label=npm)](https://www.npmjs.com/package/@lemoncode/fonk)

[![bundle-size](https://badgen.net/bundlephobia/min/@lemoncode/fonk)](https://bundlephobia.com/result?p=@lemoncode/fonk)

[![bundle-size](https://badgen.net/bundlephobia/minzip/@lemoncode/fonk)](https://bundlephobia.com/result?p=@lemoncode/fonk)

✅ Zero dependencies

✅ Plain vanilla js

✅ Framework Agnostic

✅ Seamless integration with [React Final Form](https://github.com/final-form/react-final-form#readme)

✅ Seamless integration with [Formik](https://github.com/formium/formik#readme)

✅ 💥 [**<4.5k gzipped**](https://bundlephobia.com/result?p=@lemoncode/fonk) 💥

Form schema validation library.

![let's get fonky](./content/fonky.jpg)

Fonk is a pure javascript, framework agnostic, form validation library.

It allows you to:

- Define validations that apply to your form in a declarative way.

- Isolate your form validation business logic from the ui.

- Unit test your form validation without having to mount the ui.

- Create reusable validation rules that can be easily unit tested.

![validate-field](./content/validate-field.gif)

[Live Demo (Fonk + React Final Form)](https://codesandbox.io/s/github/lemoncode/fonk/tree/master/examples/react-final-form/js/validate-field)

Fonk can be easily plugged into many libraries / frameworks or just be used in plain vanilla js.

Available integration examples:

  - Plain vanilla ES6.

  - React

  - [React Final form](https://github.com/Lemoncode/fonk-final-form).

  - [Formik](https://github.com/Lemoncode/fonk-formik).

Coming soon integration examples:

  - Vuejs.

How to [get started](https://lemoncode.github.io/fonk-doc/getting-started)

Check our [Fonk Documentation site](https://lemoncode.github.io/fonk-doc/).

# About Basefactor + Lemoncode

We are an innovating team of Javascript experts, passionate about turning your ideas into robust products.

[Basefactor, consultancy by Lemoncode](http://www.basefactor.com) provides consultancy and coaching services.

[Lemoncode](http://lemoncode.net/services/en/#en-home) provides training services.

For the LATAM/Spanish audience we are running an Online Front End Master degree, more info: http://lemoncode.net/master-frontend