• Stars
    star
    140
  • Rank 253,760 (Top 6 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 5 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Form schema validation library

Fonk

CI NPM Version bundle-size bundle-size

✅ Zero dependencies

✅ Plain vanilla js

✅ Framework Agnostic

✅ Seamless integration with React Final Form

✅ Seamless integration with Formik

✅ 💥 <4.5k gzipped 💥

Form schema validation library.

let's get fonky

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

Live Demo (Fonk + React Final Form)

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

Available integration examples:

Coming soon integration examples:

  • Vuejs.

How to get started

Check our Fonk Documentation site.

About Basefactor + Lemoncode

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

Basefactor, consultancy by Lemoncode provides consultancy and coaching services.

Lemoncode provides training services.

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

More Repositories

1

react-typescript-samples

The goal of this project is to provide a set of simple samples, providing and step by step guide to start working with React and Typescript.
TypeScript
1,839
star
2

react-hooks-by-example

The goal of this project is to provide a set of react hooks step by step guided examples, coverting from starter scenarios to advanced topics.
JavaScript
362
star
3

redux-sagas-typescript-by-example

Set of step by step guided samples to help you get started with redux sagas + typescript
TypeScript
287
star
4

react-by-sample

Set of basic React + Typescript guided samples, cover basic principles of this technology.
TypeScript
205
star
5

react-promise-tracker

Simple promise tracker React Hook and Hoc. https://lemoncode.github.io/react-promise-tracker/
JavaScript
205
star
6

webpack-by-sample

Learn webpack by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
JavaScript
190
star
7

master-frontend-lemoncode

Master Front End Online Lemoncode Demos source code + step by step guides
TypeScript
148
star
8

redux-by-sample

The goal of this project is to provide a set of step by step guided samples, covering core concepts of React + Redux (basic concepts, middleware, ...)
TypeScript
131
star
9

vuejs-by-sample

The goal of this project is to provide a set of step by step samples, covering core concepts of Vue.js
TypeScript
71
star
10

react-testing-by-example

JavaScript
69
star
11

lcFormValidation

Javascript based form validation library, third party library / framework agnostic.
TypeScript
58
star
12

i18next-example-typescript

n this example we are going to start form a simple login application and add multilanguage support.
TypeScript
55
star
13

mongo-modeler

Mongo Modeler is a free, open source online web application that allows you to design and model MongoDB databases.
TypeScript
54
star
14

jest-testing-by-sample

Learn testing by sample using Jest, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
TypeScript
48
star
15

parcel-by-sample

Learn parcel by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
HTML
45
star
16

jest-vs-code-debugging-example

JavaScript
41
star
17

from-react-to-redux-ts

Implementing a simple list application in a progressive way
TypeScript
40
star
18

d3js-typescript-examples

Chart Examples using d3js + Typescript
CSS
39
star
19

integrate-react-legacy-apps

Migration from Legacy projects to React guide samples
JavaScript
39
star
20

nextjs-typescript-by-sample

Set of guided samples about how to get started with nextjs + typescript
TypeScript
39
star
21

git-from-ui-to-terminal

HTML
37
star
22

webinar-es6

36
star
23

code-paster

TypeScript
36
star
24

bootcamp-devops-lemoncode

TypeScript
33
star
25

webinar-typescript

JavaScript
31
star
26

manfred-export-app

TypeScript
28
star
27

language-sessions

JavaScript
28
star
28

webpack-1.x-by-sample

Learn webpack 1.x by sample
JavaScript
27
star
29

LeanMood

TypeScript
27
star
30

english-quiz

TypeScript
26
star
31

webinar-github-actions

HTML
25
star
32

react-image-focal-point

Let the user set the picture focal point just by visually dragging and dropping on top of the selected image.
TypeScript
25
star
33

planning-poker-example

TypeScript
23
star
34

movies-pods

Sample app, using redux / pods / react / typescript
TypeScript
20
star
35

react-by-sample-es6

Es6 version of original typescript react by sample repo
JavaScript
19
star
36

node-training

JavaScript
19
star
37

Angular-Architecture-Fundamentals

This repository will cover Angular techniques to manage state and use the best practices provided by Angular team
TypeScript
17
star
38

fonk-formik

This package serves as the entry point to the Formik Form state management library. It is intended to be paired with the generic Fonk package, which is shipped as to npm.
TypeScript
17
star
39

angular-5-sample-app

Complete Angular 5 app that will help you to start with the ain topics of the framework
17
star
40

angular2-sample-app

[Work in progress] Simple LOB app includes login, list, form edit
TypeScript
17
star
41

d3js-samples

Somes simple d3js samples
16
star
42

gatsby-by-sample

Base project to use Gatsby, Contentful and Netlify
TypeScript
15
star
43

k8s-fundamentals

Kubernetes course from cero knowledge to proactive Kubernetes user as developer
TypeScript
15
star
44

bootcamp-backend

TypeScript
15
star
45

async-javascript-fundamentals

Getting started with the concurrency model on JavaScript
JavaScript
14
star
46

scaffolding-express-typescript

Babel + Typescript + Express
CSS
14
star
47

react-alicante-hooks-workshop

React Alicante Workshop Demo Material https://reactalicante.es/
HTML
14
star
48

lemon-front-estructura

13
star
49

redux-testing-typescript

Guide to add unit test support to your redux project (typescript based).
TypeScript
13
star
50

react-from-classes-to-hooks-typescript

Sample simple applications migrations from class based components to hooks
TypeScript
13
star
51

simplechart

Simplechart seed
TypeScript
12
star
52

simple-hotels-mock-rest-api

A very simple local test rest-api, ideal to make quick front end examples, or to share with students.
12
star
53

angular1_5-sample-app

[Work in progress] Simple LOB app includes login, list, form edit —
TypeScript
12
star
54

webinar-kubernetes

HTML
12
star
55

promises-ts-samples

TypeScript
11
star
56

redux-chat-front

JavaScript
11
star
57

react-training-es6

JavaScript
11
star
58

lc-validation-summary

Angular directive for providing a validation summary to angular based forms.
JavaScript
11
star
59

layout-samples

CSS
11
star
60

react-lab-sessions

TypeScript
11
star
61

fonk-final-form

This package serves as the entry point to the React Final Form library. It is intended to be paired with the generic Fonk package, which is shipped as to npm.
TypeScript
11
star
62

CSS_Samples

CSS
10
star
63

webinar-vuejs-typescript

The goal of this project is to provide a set of step by step samples, covering core concepts of Vue.js with TypeScript
Vue
10
star
64

react-form-validation

React hook implementation to easify using lc-form-validation
TypeScript
10
star
65

bar.io

TypeScript
10
star
66

XFormsPushNotifications

Source code for the tutorial: Adding Push Notifications to your Xamarin Forms app Parts 1 and 2
C#
10
star
67

redux-2023

TypeScript
9
star
68

beer-geek-menu

TypeScript
8
star
69

language-exercises

Master Front-End Lemoncode | Exercises for module Languages
TypeScript
8
star
70

react-training-ts

TypeScript
8
star
71

angular-6-sample-app

Application focused on Angular 6
8
star
72

treeshaking-samples

Some sample about how to proper add tree shaking when using popular libraries like material-ui
JavaScript
8
star
73

gulp4-by-sample

[work in progress] Step by step guided samples gulp 4
JavaScript
8
star
74

redux-chat-back

JavaScript
8
star
75

vuejs-typescript-lob-examples

Vuejs + Typescript Line of business applications guided examples
Vue
7
star
76

angular-architecture-essentials

Repository to show the main architecture areas, components, DI and routing
TypeScript
7
star
77

react-promise-tracker-workshop

TypeScript
7
star
78

componentization-examples

Simple ui componentization example plus excercise
TypeScript
7
star
79

grunt-by-sample

Just some simple step by step guided samples to help you on getting started with grunt
JavaScript
7
star
80

demosBootstrap3

Basic training material Bootstrap 3 (building a layout)
HTML
7
star
81

graphql-by-sample

A repository to teach GraphQL technology
TypeScript
6
star
82

css4-training

Basics for css4 grid and flexbox training
CSS
6
star
83

react-simple-testing

TypeScript
6
star
84

git-training-2023

HTML
6
star
85

origin-front-admin

TypeScript
5
star
86

redux-by-sample-es6

Port from redux by sample (typescript) to Ecmascript 6
JavaScript
5
star
87

ngrx-by-sample

Angular ngrx example application, step by step
TypeScript
5
star
88

vuejs-excercise

Simple vuejs excercise to get your hands wet on code
Vue
5
star
89

lc-validator-dni

DNI validator for
TypeScript
5
star
90

fonk-iban-validator

IBAN validator for https://github.com/Lemoncode/fonk
TypeScript
5
star
91

typescript-sandbox

CSS
5
star
92

Angular_Testing

A project to deal with unit testing in Angular 5
TypeScript
5
star
93

sesion-componentes-accesibles

TypeScript
4
star
94

d3js-from-scratch

JavaScript
4
star
95

redux-excercise

Simple redux excercise to get your hands wet on code
TypeScript
4
star
96

use-route-matching

JavaScript
4
star
97

redux-workshop

TypeScript
4
star
98

angular-1-6-tutorial

TypeScript
4
star
99

web-security-fundamentals

Web security fundamentals
JavaScript
4
star
100

typingsBySample

JavaScript
4
star