Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kennethanceyer/angular-benchmark

:chart_with_upwards_trend: the performance between angular 1x, 2x and reactjs.
https://github.com/kennethanceyer/angular-benchmark

angular2 benchmark framework frontend performance reactjs speed speedtest

Last synced: about 6 hours ago
JSON representation

:chart_with_upwards_trend: the performance between angular 1x, 2x and reactjs.

Host: GitHub
URL: https://github.com/kennethanceyer/angular-benchmark
Owner: KennethanCeyer
License: mit
Created: 2016-11-22T11:07:28.000Z (almost 8 years ago)
Default Branch: master
Last Pushed: 2022-01-18T16:35:57.000Z (over 2 years ago)
Last Synced: 2024-04-14T22:13:50.896Z (6 months ago)
Topics: angular2, benchmark, framework, frontend, performance, reactjs, speed, speedtest
Language: JavaScript
Homepage:
Size: 683 KB
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Angular benchmark

[![Join the chat at https://gitter.im/KennethanCeyer/tutorial-git](https://badges.gitter.im/KennethanCeyer/tutorial-git.svg)](https://gitter.im/KennethanCeyer/PIGNOSE)

**Alert**

```plaintext
This project measures only JIT type codes.

If you compile angular code to AOT.

It will be more faster.
```

----

### At the outset

- This repository is for testing modern javascript libraries or frameworks.
- Now, It was tested AngularJS 1, 2 and ReactJS.
- If you have some question, Use [GitHub issue](https://github.com/KennethanCeyer/AngularJS-vs-ReactJS-Benchmark).

----

### Benchmark library or framework

- **AngularJS 1** (version v1.5.8)
- **AngularJS 2** (version v2.2.0)
- **ReactJS** (version v15.4.0) with **react-router**(version v3.0.0)

----

### How to use

- You can install as follows.

```bash
git clone [email protected]:KennethanCeyer/AngularJS-vs-ReactJS-Benchmark.git
```

- If you check AngularJS 2 benchmark.

```bash
cd AngularJS\ 2
npm install
npm start
```

- You can check other benchmark to `npm start` command.

----

### Behchmark Metric

1. **Benchmark1**

- Create 10,000 tags.

2. **Benchmark2**

- Delete 5,000 tags from 10,000 created tags.

3. **Benchmark3**

- Create 20 columns and 1,000 rows table by nested loop.

----

### Results

- Yellow one is top performance result in each of library or category.
- You can check `Benchmark_Total.xlsx` file in root directory.

![Benchmark result](http://www.pigno.se/static/assets/images/angular_benchmark.png)

----

### License

- You can use this benchmarking for business or academic.
- But you need to write an original source like [https://github.com/KennethanCeyer/AngularJS-vs-ReactJS-Benchmark](https://github.com/KennethanCeyer/AngularJS-vs-ReactJS-Benchmark).
- If you need more question of this, Use [GitHub issue](https://github.com/KennethanCeyer/AngularJS-vs-ReactJS-Benchmark).

----

### Related

- This project announced at [angular-meetup](https://github.com/KennethanCeyer/angular-meetup).