From 0f1070c9e807dc5b25f390fa8d372c109fdb91f7 Mon Sep 17 00:00:00 2001 From: kirill-karnaukhov Date: Sun, 8 Nov 2020 17:12:36 +0200 Subject: [PATCH 1/2] components with dependencies. Add measurements urls --- bootstraping-with-dependencies/Readme.md | 32 ++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 bootstraping-with-dependencies/Readme.md diff --git a/bootstraping-with-dependencies/Readme.md b/bootstraping-with-dependencies/Readme.md new file mode 100644 index 0000000..1d04549 --- /dev/null +++ b/bootstraping-with-dependencies/Readme.md @@ -0,0 +1,32 @@ +# Bootstrapping components with dependencies + +--- + +**Measurements:** + +- [Bootstraping all components](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-all-components.json) +- [Component without dependencies](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-pure.json) +- [Component injects a service](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-service-inject.json) +- [Component extends a service](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-service-extend.json) +- [Component injects RxState](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-state-inject.json) +- [Component extends RxState](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-state-extend.json) +- [Component with Async Pipe](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-async-pipe.json) +- [Component with Push Pipe](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-push-pipe.json) +- [Component with Let Directive](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-let-directive.json) + +--- + +This performance measurement aims to compare bootstrap time of the component with different dependencies. + +## Description + +We have a component that displays a text. + +- Component without dependencies. `text` property defined inside component. +- Component injects a service. `text` property defined inside the service. +- Component extends a service. `text` property defined inside the service. +- Component injects RxState. `text` property is a part of state. +- Component extends RxState. `text` property is a part of state. +- Component with Async Pipe. `text$` property defined inside component and displayed with `async` pipe. +- Component with Push Pipe. `text$` property defined inside component and displayed with `push` pipe. +- Component with Let Directive. `text$` property defined inside component and displayed with `rxLet` directive. From cc2bda123aedf901ce0592010536151f52db4920 Mon Sep 17 00:00:00 2001 From: kirill-karnaukhov Date: Sun, 8 Nov 2020 17:21:57 +0200 Subject: [PATCH 2/2] fix links naming --- bootstraping-with-dependencies/Readme.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/bootstraping-with-dependencies/Readme.md b/bootstraping-with-dependencies/Readme.md index 1d04549..1cfe9d9 100644 --- a/bootstraping-with-dependencies/Readme.md +++ b/bootstraping-with-dependencies/Readme.md @@ -6,9 +6,9 @@ - [Bootstraping all components](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-all-components.json) - [Component without dependencies](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-pure.json) -- [Component injects a service](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-service-inject.json) +- [Service injected into component](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-service-inject.json) - [Component extends a service](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-service-extend.json) -- [Component injects RxState](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-state-inject.json) +- [RxState injected into component](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-state-inject.json) - [Component extends RxState](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-state-extend.json) - [Component with Async Pipe](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-async-pipe.json) - [Component with Push Pipe](https://chromedevtools.github.io/timeline-viewer/?loadTimelineFromURL=https://raw.githubusercontent.com/rx-angular/rx-angular-perf-measures/main/bootstraping-with-dependencies/bootstrap-time-push-pipe.json) @@ -23,9 +23,9 @@ This performance measurement aims to compare bootstrap time of the component wit We have a component that displays a text. - Component without dependencies. `text` property defined inside component. -- Component injects a service. `text` property defined inside the service. +- Service injected into component. `text` property defined inside the service. - Component extends a service. `text` property defined inside the service. -- Component injects RxState. `text` property is a part of state. +- RxState injected into component. `text` property is a part of state. - Component extends RxState. `text` property is a part of state. - Component with Async Pipe. `text$` property defined inside component and displayed with `async` pipe. - Component with Push Pipe. `text$` property defined inside component and displayed with `push` pipe.