Skip to content

Commit 79a981a

Browse files
committed
wip add flat structures
1 parent 5b551b9 commit 79a981a

5 files changed

+101217
-0
lines changed

Diff for: bootstrapping-flat-components/Readme.md

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# Bootstrapping flat components
2+
3+
---
4+
5+
**Measurements:**
6+
- [Comparison Overview](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__static__template%401.0.0-bata.0.json?dl=0,https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__rx-for-sync__template%401.0.0-bata.0.json?dl=0,https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__rx-for-animation-frame__template%401.0.0-bata.0.json?dl=0)
7+
- [Use static values](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__static__template%401.0.0-bata.0.json?dl=0)
8+
- [Use observables directly](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__rx-for-sync__template%401.0.0-bata.0.json?dl=0)
9+
- [Use async pipe and observables](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstrapping-flat-components/bootstrapping-flat-components__rx-for-animation-frame__template%401.0.0-bata.0.json?dl=0)
10+
11+
---
12+
13+
This performance measurement aims to compare performance of flat component structures bootstrapping them with different scheduling methods.
14+
15+
## Description
16+
17+
We have a flat component structure counting 42 elements. On button click we display/hide the elements.
18+
19+
In the examples the way how the rendering is scheduled differs.
20+
21+
![Bootstrapping Flat Components](https://github.com/rx-angular/rx-angular-perf-measures/blob/main/bootstrapping-flat-components/bootstrapping-flat-components.png)
22+
23+
## Implementations
24+
25+
### Statically
26+
27+
```typescript
28+
29+
```
30+
31+
### rxFor sync
32+
33+
```typescript
34+
35+
```
36+
37+
### rxFor animation frame
38+
39+
```typescript
40+
41+
```
42+
6.44 KB
Loading

0 commit comments

Comments
 (0)