Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vogloblinsky/web-components-benchmark
Web Components benchmark for a various Web Components technologies
https://github.com/vogloblinsky/web-components-benchmark
benchmark webcomponents
Last synced: 2 months ago
JSON representation
Web Components benchmark for a various Web Components technologies
- Host: GitHub
- URL: https://github.com/vogloblinsky/web-components-benchmark
- Owner: vogloblinsky
- License: mit
- Created: 2018-02-23T13:53:23.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T18:29:41.000Z (about 2 years ago)
- Last Synced: 2024-11-04T01:31:10.175Z (3 months ago)
- Topics: benchmark, webcomponents
- Language: JavaScript
- Homepage: https://vogloblinsky.github.io/web-components-benchmark/
- Size: 14.4 MB
- Stars: 73
- Watchers: 4
- Forks: 19
- Open Issues: 75
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - vogloblinsky/web-components-benchmark - Web Components benchmark for a various Web Components technologies (others)
README
# Web components benchmark
[Live results](https://vogloblinsky.github.io/web-components-benchmark/)
Benchmarks of libraries and implementation of Web Components.
The benchmark consists of two different applications :
- TodoMVC implementation forked from [shprink/web-components-todo](https://github.com/shprink/web-components-todo)
- Pascal triangle
# Requirements
Node.js 10+
## Setup
```
> npm i
> cd todomvc && npm i
> bash install-all.sh
> npm run build:all
> cd pascal-triangle && npm i
> bash install-all.sh
> npm run build:all
```
## Run benchmark for todos
In one tab
```
// In root folder
> npm run serve
```
In another tab
```
> npm run run:benchmark
```
## Run benchmark for pascal-triangle
In one tab
```
// In root folder
> npm run serve
```
In another tab
```
> npm run run:benchmark
```
## Compile results
```
> npm run compile-results
> npm run fix-stencil
```
# Current results
## TodoMVC
https://vogloblinsky.github.io/web-components-benchmark/#todo
## Pascal triangle
https://vogloblinsky.github.io/web-components-benchmark/#pascal