Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vbilopav/vbjs
JavaScript Library for rapid application development using modern JavaScript. Built for simplicity and speed. Minimal dependency (only one), minimal, almost none configuration, no special framework-specific syntax, minimal api, minimal learning curve, fast results delivery. No bullshit, just pure JavaScript
https://github.com/vbilopav/vbjs
app application es6 framework html javascript simple
Last synced: 28 days ago
JSON representation
JavaScript Library for rapid application development using modern JavaScript. Built for simplicity and speed. Minimal dependency (only one), minimal, almost none configuration, no special framework-specific syntax, minimal api, minimal learning curve, fast results delivery. No bullshit, just pure JavaScript
- Host: GitHub
- URL: https://github.com/vbilopav/vbjs
- Owner: vbilopav
- License: mit
- Created: 2018-08-21T09:12:05.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-03-25T09:41:00.000Z (over 5 years ago)
- Last Synced: 2024-05-07T02:50:57.353Z (6 months ago)
- Topics: app, application, es6, framework, html, javascript, simple
- Language: JavaScript
- Homepage:
- Size: 902 KB
- Stars: 10
- Watchers: 4
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
** Project moved to https://github.com/vbilopav/iHipsterJS **
[](https://badge.fury.io/js/vbjs)
[](https://github.com/vbilopav/vbjs/blob/master/src/vbjs/LICENSE.md)
# vbjs javascript library
Built for simplicity and speed. Minimal dependency, minimal, almost no configuration, no special framework-specific syntax to be learned, minimal api, minimal learning curve, high productivity.
> **WARNING:** it's a beta version, so, documentation may have mistakes, if you face any problems feel free to create [issues](https://github.com/vbilopav/vbjs/issues).
## Table of Contents
- [What is it?](#what-is-it)
- [Motivation](#motivation)
- [Installation](#installation)
- [Examples](#examples)
- [Roadmap](#roadmap)
- [How to Contribute](#how-to-contribute)
- [License](#license)
## What is it?
It's a JavaScript library for rapid application development of modern JavaScript application - or - application framework - built for simplicity, speed, productivity and with minimal configuration.
Want to display simple data from your back-end endpoint on your page?
```html
My remote data
-
${value}
${async () => this.template.forEach(await(await fetch("/endpoint/")).json(), value => `
`)}
```
... and that is it, only **one file** with **one dependency**.
No new tags or attributes or syntax. No huge configuration files. Nothing new to learn. Very simple and familiar API. No configuration. No transpilation. No parsing or preparsing. No pre-pars-trans-compilation. No special syntax, no magic strings or keywords whatsoever and no long and cryptic configuration files.
Yes, yes, I know, I forgot to include 100% test coverage via mocha, chai, chai-as-promised, supertest, sinon, istanbul, sonarqube, eslint, ... but I'm not so much into occultism either.
What *is* in there, however:
- Advanced templating engine and templating support with using just JavaScript template syntax
- Views, view templates and view modules (module loader included by default)
- Model bindings, dom extensions
- Single-page-applications, client router, view engine, dependency injection and more
- Async support from bottom up - everywhere
For current list of features and capabilities check out documentation or demos. Current minified bundle size is at **27.2KB** (**8.3KB** gzipped).
## [Motivation](https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f)
Honestly, world doesn't need yet another JavaScript framework. Or even library.
This is (or it least it was) - a weekend, experimental and educational pet project. I simply love to code.
I started experimenting with and learning new JavaScript features and I was also bit curious how could I implement intelligently some of common JavaScript needs and concepts that I've been using for serious projects at that time.
After while as development and experimentation continued it became something really fun that I enjoyed working and it showed that it can be very useful, hopefully, so I decided to continue and press on.
I tried really hard to keep it as simple and concise as possible and close to official JavaScript/HTML modern standards as possible.
Everybody is already feeling framework and configuration fatigue.
I'd like to consider this as simple library to boost your vanilla JavaScript development.
## Installation
This library is hosted on [github](https://github.com/vbilopav/vbjs) and distributed via [npm](https://www.npmjs.com/package/vbjs).
For installation from github simply download and clone source code from github, distribution directory (dist) is included.
For installation from npm, just run:
```
npm install -g vbjs
```
That will install library globally, which is fine, but we actually recommend local installation:
```
npm install --save-dev vbjs
```
Note that you have to have already npm initialized in directory and package.json created.
And after that, all you need to include `script` tag into your start page, usually `index.html` or similar with `src` attribute referencing one of `vbjs.js` scripts.
## Examples
There is already ultra simple generic example in opening chapter [what is it?](#what-is-it).
There is also, entire [demo folder](https://github.com/vbilopav/vbjs/tree/master/demos) with (at this point) around 14 comprehensive examples (it keeps increasing) and demo applications that you can safely browse and experiment with.
Note that one of those is [spa-demo](https://github.com/vbilopav/vbjs/tree/master/demos/spa-demo) that is little bit bigger single-page-application with around 40 different views or pages implemented and each of those page is example fir itself, so if counting that single-page-application itself that would be 1+40+14=55 examples in total. Plus this one introductory example. That is around 52 examples and demos. Pretty solid for now, there will be more.
## Roadmap
You can track progress for first stable release at [this milestone](https://github.com/vbilopav/vbjs/issues/1).
## How to Contribute
This is open source project, everybody is welcome to contribute. Let's make something simple and powerful together.
However, is you like what I'm doing and you find it useful, you can support me by buying me beer or pizza or dinner or trip around the world if you would:
[](https://www.patreon.com/vbilopav)
## License
Copyright (c) Vedran Bilopavlović.
This source code is licensed under the [MIT license](https://github.com/vbilopav/vbjs/blob/master/src/vbjs/LICENSE.md).