vasille-js
Advanced tools
The fastest (Vanilla.js based) front-end javascript framework
| Intro |
|---|
 |
| Vasille.js is very fast javascript frontend framework, it is not using virtual DOM, it updates DOM directly using an own reactive mechanism. |
This framework is in active development, if you want to contribute contact the maintainer: Lelițac Vasile (lixcode@vivaldi.net).
[[TOC]]
| Feature | Deadline | Status |
|---|---|---|
| Initial Version | 01.07.2021 | Ready |
| Patch to 1.1 | 02.12.2021 | Ready |
| Describe API | 02.14.2021 | Ready |
| Describe JS API | 02.15.2021 | Ready |
| Describe VCC architecture | 02.22.2021 | Waiting |
| Code and debug VCC | 03.xx.2021 | |
| First enterprise ready version | xx.xx.2021 | |
| Boost by HTML templates | xx.xx.2021 |
Currently, the API is in development, but the JavaScript API is available.
To test the speed of frameworks (inclusive Vasille JS) I had created a map, which can be zoomed up to 32x, this project was called "Project x32".
On the next image is demonstrated the difference between 1x zoom (on the
left side) and x32 zoom (on the right side):
There are 100 random squares over each brick, on small zoom the squares are hidden to optimize browser performance, because the page is composed of over than 23 000 nodes. The random squares added one by one to not freeze zoom animation. The zoom animation duration is 300ms, and it must consist of 20 frames on 60Hz screen.
The project x32 was coded using the next frameworks:
After zooming in each production build and measuring performance
I had got the next results:
The Vue & React builds are the slowest: the average frame time of:
There is the same graphic in logarithmic scale:
Let's analyze the Angular, Svelte & Vasille JS results:
To optimize the Project x32 realizations, the optimization consist of removing the off-screen components, that change will decrease the number of components. So let's zoom each optimized build from x1 to x32.
Tests results:
After X8 the number of onscreen components is very small, the optimization has a good result. The Reactive frameworks are the slowest before and after optimization.
There is the same graphic in logarithmic scale:
After optimization Angular, Svelte & Vasille JS has very good results close to Vasille JS before optimization.
The main goal of Vasille JS is not to be the fastest JavaScript framework, but to ensure excellent performance without any optimizations.
If you have questions, fell free to contact the maintainer of project:
FAQs
The fastest (Vanilla.js based) front-end javascript framework
We found that vasille-js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious npm package postcss-optimizer delivers BeaverTail malware, targeting developer systems; similarities to past campaigns suggest a North Korean connection.
Security News
CISA's KEV data is now on GitHub, offering easier access, API integration, commit history tracking, and automated updates for security teams and researchers.
Security News
Opengrep forks Semgrep to preserve open source SAST in response to controversial licensing changes.
