JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 223
  • Score
    100M100P100Q81474F
  • License MIT

The same framework which is designed to build bulletproof frontends (CLI tool for Web)

Package Exports

  • vasille-web-cli
  • vasille-web-cli/bin/run.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vasille-web-cli) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vasille

Vasille.js logo

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

npm

Table of content

Installation

npm install vasille-web --save

How to use Vasille

Create an app from a template

$ npm create vasille

Full documentation:

Examples

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

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

Change log

4.0.0

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

4.1.0

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

Questions

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

Made in Moldova 🇲🇩