/fable-validation-example-no-deps

Example of form validation in a Fulma UI without a validation library

Primary LanguageF#

Fable Form Validation Example (Without Validation Library)

Open in Gitpod

It is modelled after Zaid-Ajaj's elmish-login-flow-validation which is a morecomprehensive example accross several files and mimics a login in addition to form validation.

This project aims to have be simpler to digest and is built upon the Fulma Minimal Template. At the time of writting, it also uses a more upto date version of Fable, Fake, Paket etc.

How to use ?

Architecture

  • Entry point of your application is src/App.fs
  • We are using hmtl-webpack-plugin to make src/index.html the entry point of the website
  • Entry point of your style is src/scss/main.scss
    • Bulma and Font Awesome are already included
    • We are supporting both scss and sass (by default we use scss)
  • Static assets (favicon, images, etc.) should be placed in the static folder

In development mode

If you are using Windows replace ./fake.sh by fake.cmd

  1. Run: ./fake.sh build -t Watch
  2. Go to http://localhost:8080/

On Unix you may need to run chmod a+x fake.sh

In development mode, we activate:

Build for production

If you are using Windows replace ./fake.sh by fake.cmd

  1. Run: ./fake.sh build
  2. All the files needed for deployment are under the output folder.