AlbertoBasalo

Large Ng app with NX

0. Create an empty Nx workspace

npx create-nx-workspace@latest
  --name=your-org-name
  --nxCloud=false
  --preset=apps

AlbertoBasalo

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "appData": {
    "version": "1.2.3",
    "description": "feat: 🌅 less bugs more features"
  },
  "assetGroups": [
    {
      "name": "app",

AlbertoBasalo

import { BehaviorSubject, distinctUntilChanged, map, Observable } from "rxjs";

/**
 * A generic class to manage state in an asynchronous way.
 */
class Store<T> {
  /**
   * @private field to store and notify state changes
   * BehaviorSubject is a special type of Observable
   * that keeps hold of the current value

AlbertoBasalo

{
  "parser": "@typescript-eslint/parser",
  "extends": [
    "eslint:recommended",
    "plugin:prettier/recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "plugins": ["prettier", "@typescript-eslint"],
  "env": {

AlbertoBasalo

{
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },

AlbertoBasalo

{
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },