Vasille

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

$ npm create vasille

Full documentation:

• Learn Vasille in 5 minutes
• Vasille Router Documentation
• Vasille Compostion function

Examples

• TypeScript Example
• JavaScript Example

How SAFE is Vasille

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":

import { compose, mount } from "vasille-dx";

const App = compose(() => {
  <p>Hello world</p>;
});

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

4.3.0

Add new function safe which make functions safe, errors are reported automatically.

4.2.0

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

4.1.0

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

4.0.0

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 🇲🇩