refactor: move libs

apps/performance/12-optimize-change-detection/README.md

@@ -5,9 +5,9 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-scroll-cd
+npx nx serve performance-optimize-change-detection
 ```
 
 ### Documentation and Instruction
 
-Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/performance/12-performance-scroll-cd/).
+Challenge documentation is [here](https://angular-challenges.vercel.app/challenges/performance/12-performance-optimize-change-detection/).

apps/performance/12-optimize-change-detection/jest.config.ts

@@ -1,10 +1,11 @@
 /* eslint-disable */
 export default {
-  displayName: 'performance-scroll-cd',
+  displayName: 'performance-optimize-change-detection',
   preset: '../../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
   globals: {},
-  coverageDirectory: '../../../coverage/apps/performance/scroll-cd',
+  coverageDirectory:
+    '../../../coverage/apps/performance/12-optimize-change-detection',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
       'jest-preset-angular',

apps/performance/12-optimize-change-detection/project.json

@@ -1,25 +1,27 @@
 {
-  "name": "performance-scroll-cd",
+  "name": "performance-optimize-change-detection",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "apps/performance/scroll-cd/src",
+  "sourceRoot": "apps/performance/12-optimize-change-detection/src",
   "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/scroll-cd",
-        "index": "apps/performance/scroll-cd/src/index.html",
-        "main": "apps/performance/scroll-cd/src/main.ts",
+        "outputPath": "dist/apps/performance/12-optimize-change-detection",
+        "index": "apps/performance/12-optimize-change-detection/src/index.html",
+        "main": "apps/performance/12-optimize-change-detection/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/scroll-cd/tsconfig.app.json",
+        "tsConfig": "apps/performance/12-optimize-change-detection/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
-          "apps/performance/scroll-cd/src/favicon.ico",
-          "apps/performance/scroll-cd/src/assets"
+          "apps/performance/12-optimize-change-detection/src/favicon.ico",
+          "apps/performance/12-optimize-change-detection/src/assets"
+        ],
+        "styles": [
+          "apps/performance/12-optimize-change-detection/src/styles.scss"
         ],
-        "styles": ["apps/performance/scroll-cd/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -53,10 +55,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-scroll-cd:build:production"
+          "buildTarget": "performance-optimize-change-detection:build:production"
         },
         "development": {
-          "buildTarget": "performance-scroll-cd:build:development"
+          "buildTarget": "performance-optimize-change-detection:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -64,7 +66,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "performance-scroll-cd:build"
+        "buildTarget": "performance-optimize-change-detection:build"
       }
     },
     "lint": {
@@ -74,7 +76,7 @@
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "apps/performance/scroll-cd/jest.config.ts"
+        "jestConfig": "apps/performance/12-optimize-change-detection/jest.config.ts"
       }
     }
   },

apps/performance/34-default-vs-onpush/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-default-onpush
+npx nx serve performance-default-vs-onpush
 ```
 
 ### Documentation and Instruction

apps/performance/34-default-vs-onpush/project.json

@@ -1,26 +1,26 @@
 {
-  "name": "performance-memoized",
+  "name": "performance-default-vs-onpush",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/performance/memoized/src",
+  "sourceRoot": "apps/performance/34-default-vs-onpush/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/memoized",
-        "index": "apps/performance/memoized/src/index.html",
-        "main": "apps/performance/memoized/src/main.ts",
+        "outputPath": "dist/apps/performance/34-default-vs-onpush",
+        "index": "apps/performance/34-default-vs-onpush/src/index.html",
+        "main": "apps/performance/34-default-vs-onpush/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/memoized/tsconfig.app.json",
+        "tsConfig": "apps/performance/34-default-vs-onpush/tsconfig.app.json",
         "assets": [
-          "apps/performance/memoized/src/favicon.ico",
-          "apps/performance/memoized/src/assets"
+          "apps/performance/34-default-vs-onpush/src/favicon.ico",
+          "apps/performance/34-default-vs-onpush/src/assets"
         ],
         "styles": [
-          "apps/performance/memoized/src/styles.scss",
+          "apps/performance/34-default-vs-onpush/src/styles.scss",
           "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
         ],
         "scripts": [],
@@ -57,10 +57,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-memoized:build:production"
+          "buildTarget": "performance-default-vs-onpush:build:production"
         },
         "development": {
-          "buildTarget": "performance-memoized:build:development"
+          "buildTarget": "performance-default-vs-onpush:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -68,7 +68,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "performance-memoized:build"
+        "buildTarget": "performance-default-vs-onpush:build"
       }
     },
     "lint": {

apps/performance/35-memoization/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-memoized
+npx nx serve performance-memoization
 ```
 
 ### Documentation and Instruction

apps/performance/35-memoization/project.json

@@ -1,26 +1,26 @@
 {
-  "name": "performance-default-onpush",
+  "name": "performance-memoization",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/performance/default-onpush/src",
+  "sourceRoot": "apps/performance/35-memoization/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/default-onpush",
-        "index": "apps/performance/default-onpush/src/index.html",
-        "main": "apps/performance/default-onpush/src/main.ts",
+        "outputPath": "dist/apps/performance/35-memoization",
+        "index": "apps/performance/35-memoization/src/index.html",
+        "main": "apps/performance/35-memoization/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/default-onpush/tsconfig.app.json",
+        "tsConfig": "apps/performance/35-memoization/tsconfig.app.json",
         "assets": [
-          "apps/performance/default-onpush/src/favicon.ico",
-          "apps/performance/default-onpush/src/assets"
+          "apps/performance/35-memoization/src/favicon.ico",
+          "apps/performance/35-memoization/src/assets"
         ],
         "styles": [
-          "apps/performance/default-onpush/src/styles.scss",
+          "apps/performance/35-memoization/src/styles.scss",
           "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
         ],
         "scripts": [],
@@ -57,10 +57,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-default-onpush:build:production"
+          "buildTarget": "performance-memoization:build:production"
         },
         "development": {
-          "buildTarget": "performance-default-onpush:build:development"
+          "buildTarget": "performance-memoization:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -68,7 +68,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "performance-default-onpush:build"
+        "buildTarget": "performance-memoization:build"
       }
     },
     "lint": {

apps/performance/36-ngfor-optimization/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-ngfor-optimize
+npx nx serve performance-ngfor-optimization
 ```
 
 ### Documentation and Instruction

apps/performance/36-ngfor-optimization/jest.config.ts

@@ -1,9 +1,9 @@
 /* eslint-disable */
 export default {
-  displayName: 'performance-ngfor-optimize',
+  displayName: 'performance-ngfor-optimization',
   preset: '../../../jest.preset.js',
   setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../../coverage/apps/performance/ngfor-optimize',
+  coverageDirectory: '../../../coverage/apps/performance/36-ngfor-optimization',
   transform: {
     '^.+\\.(ts|mjs|js|html)$': [
       'jest-preset-angular',

apps/performance/36-ngfor-optimization/project.json

@@ -1,26 +1,26 @@
 {
-  "name": "performance-ngfor-optimize",
+  "name": "performance-ngfor-optimization",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/performance/ngfor-optimize/src",
+  "sourceRoot": "apps/performance/36-ngfor-optimization/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/ngfor-optimize",
-        "index": "apps/performance/ngfor-optimize/src/index.html",
-        "main": "apps/performance/ngfor-optimize/src/main.ts",
+        "outputPath": "dist/apps/performance/36-ngfor-optimization",
+        "index": "apps/performance/36-ngfor-optimization/src/index.html",
+        "main": "apps/performance/36-ngfor-optimization/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/ngfor-optimize/tsconfig.app.json",
+        "tsConfig": "apps/performance/36-ngfor-optimization/tsconfig.app.json",
         "assets": [
-          "apps/performance/ngfor-optimize/src/favicon.ico",
-          "apps/performance/ngfor-optimize/src/assets"
+          "apps/performance/36-ngfor-optimization/src/favicon.ico",
+          "apps/performance/36-ngfor-optimization/src/assets"
         ],
         "styles": [
-          "apps/performance/ngfor-optimize/src/styles.scss",
+          "apps/performance/36-ngfor-optimization/src/styles.scss",
           "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
         ],
         "scripts": [],
@@ -57,10 +57,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-ngfor-optimize:build:production"
+          "buildTarget": "performance-ngfor-optimization:build:production"
         },
         "development": {
-          "buildTarget": "performance-ngfor-optimize:build:development"
+          "buildTarget": "performance-ngfor-optimization:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -68,7 +68,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "performance-ngfor-optimize:build"
+        "buildTarget": "performance-ngfor-optimization:build"
       }
     },
     "lint": {
@@ -78,7 +78,7 @@
       "executor": "@nx/jest:jest",
       "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
-        "jestConfig": "apps/performance/ngfor-optimize/jest.config.ts"
+        "jestConfig": "apps/performance/36-ngfor-optimization/jest.config.ts"
       }
     }
   }

apps/performance/37-optimize-big-list/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-ngfor-biglist
+npx nx serve performance-optimize-big-list
 ```
 
 ### Documentation and Instruction

apps/performance/37-optimize-big-list/project.json

@@ -1,27 +1,27 @@
 {
-  "name": "performance-ngfor-biglist",
+  "name": "performance-optimize-big-list",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/performance/ngfor-biglist/src",
+  "sourceRoot": "apps/performance/37-optimize-big-list/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/ngfor-biglist",
-        "index": "apps/performance/ngfor-biglist/src/index.html",
-        "main": "apps/performance/ngfor-biglist/src/main.ts",
+        "outputPath": "dist/apps/performance/37-optimize-big-list",
+        "index": "apps/performance/37-optimize-big-list/src/index.html",
+        "main": "apps/performance/37-optimize-big-list/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/ngfor-biglist/tsconfig.app.json",
+        "tsConfig": "apps/performance/37-optimize-big-list/tsconfig.app.json",
         "assets": [
-          "apps/performance/ngfor-biglist/src/favicon.ico",
-          "apps/performance/ngfor-biglist/src/assets"
+          "apps/performance/37-optimize-big-list/src/favicon.ico",
+          "apps/performance/37-optimize-big-list/src/assets"
         ],
         "styles": [
           "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-          "apps/performance/ngfor-biglist/src/styles.scss"
+          "apps/performance/37-optimize-big-list/src/styles.scss"
         ],
         "scripts": [],
         "allowedCommonJsDependencies": ["seedrandom"]
@@ -57,10 +57,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-ngfor-biglist:build:production"
+          "buildTarget": "performance-optimize-big-list:build:production"
         },
         "development": {
-          "buildTarget": "performance-ngfor-biglist:build:development"
+          "buildTarget": "performance-optimize-big-list:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -68,7 +68,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "buildTarget": "performance-ngfor-biglist:build"
+        "buildTarget": "performance-optimize-big-list:build"
       }
     },
     "lint": {

apps/performance/40-web-workers/README.md

@@ -5,7 +5,7 @@
 ### Run Application
 
 ```bash
-npx nx serve performance-christmas-web-worker
+npx nx serve performance-web-workers
 ```
 
 ### Documentation and Instruction

apps/performance/40-web-workers/project.json

@@ -1,25 +1,25 @@
 {
-  "name": "performance-christmas-web-worker",
+  "name": "performance-web-workers",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
   "prefix": "app",
-  "sourceRoot": "apps/performance/christmas-web-worker/src",
+  "sourceRoot": "apps/performance/40-web-workers/src",
   "tags": [],
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:application",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/performance/christmas-web-worker",
-        "index": "apps/performance/christmas-web-worker/src/index.html",
-        "browser": "apps/performance/christmas-web-worker/src/main.ts",
+        "outputPath": "dist/apps/performance/40-web-workers",
+        "index": "apps/performance/40-web-workers/src/index.html",
+        "browser": "apps/performance/40-web-workers/src/main.ts",
         "polyfills": ["zone.js"],
-        "tsConfig": "apps/performance/christmas-web-worker/tsconfig.app.json",
+        "tsConfig": "apps/performance/40-web-workers/tsconfig.app.json",
         "assets": [
-          "apps/performance/christmas-web-worker/src/favicon.ico",
-          "apps/performance/christmas-web-worker/src/assets"
+          "apps/performance/40-web-workers/src/favicon.ico",
+          "apps/performance/40-web-workers/src/assets"
         ],
-        "styles": ["apps/performance/christmas-web-worker/src/styles.scss"],
+        "styles": ["apps/performance/40-web-workers/src/styles.scss"],
         "scripts": []
       },
       "configurations": {
@@ -51,10 +51,10 @@
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
         "production": {
-          "buildTarget": "performance-christmas-web-worker:build:production"
+          "buildTarget": "performance-web-workers:build:production"
         },
         "development": {
-          "buildTarget": "performance-christmas-web-worker:build:development"
+          "buildTarget": "performance-web-workers:build:development"
         }
       },
       "defaultConfiguration": "development"
@@ -62,7 +62,7 @@
     "extract-i18n": {
       "executor": "@angular-devkit/build-angular:extract-i18n",
       "options": {
-        "browserTarget": "performance-christmas-web-worker:build"
+        "browserTarget": "performance-web-workers:build"
       }
     },
     "lint": {