Vasille

!Vasille.js logo

Vasille Web is a front-end framework, which is developed to provide bulletproof frontends.


Table of content

* Installation
* How to use Vasille
* How SAFE is Vasille
* How INTUITIVE is Vasille
* How POWERFUL is Vasille
* Road Map

Installation

``
npm install vasille-web --save
`

How to use Vasille

Create an app from a template

`bash
$ npm create vasille
`

$3

The safe of your application is ensured by
* 100% coverage of code by unit tests.
Each function, each branch is working as designed.
* OOP, DRY, KISS and SOLID principles are applied.
* strong typing makes your javascript/typescript code safe as C++ code.
All entities of vasille core library are strongly typed, including:
* data fields & properties.
* computed properties (function parameters and result).
* methods.
* events (defined handlers & event emit).
* DOM events & DOM operation (attributing, styling, etc.).
* slots of components.
* references to children.
* No asynchronous code, when the line of code is executed, the DOM and reactive things are already synced.

How INTUITIVE is Vasille

There is the "Hello World":
`typescript jsx
import { compose, mount } from "vasille-dx";

const App = compose(() => {


Hello world

mount(document.body, App, {});
`

How POWERFUL is Vasille

All of these are supported:
* Components.
* Reactive values (observables).
* Inline computed values.
* Multiline computed values.
* HTML & SVG tags.
* Component custom slots.
* 2-way data binding in components.
* Logic block (if, else).
* Loops (array, map, set).

Road map

* [x] Update the Vasille Core library to version 3.0.
* [x] 100% Test Coverage for core Library v3.
* [x] Develop the Vasille JSX library.
* [x] 100% Test Coverage for the JSX library.
* [x] Develop the Vasille Babel Plugin.
* [x] 100% Test Coverage fot babel plugin.
* [x] Add CSS support (define styles in components).
* [x] Add router.
* [x] Add SSG (static site generation).
* [ ] Add SSR (server side rendering).
* [ ] Develop tools extension for debugging.

Change log

$3

Add support for inlined conditions in JSX, binary && and ternary ?: operator.

$3

Added SSG (static site generation) as build option vasille-web build static.

$3

Initial version of the framework with file based routing and building scripts (vasille-web dev and vasille-web build spa`).

Questions

If you have questions, feel free to contact the maintainer of the project:

* Author's Email
* Author's Telegram

Made in Moldova 🇲🇩