Angular


Angular cli


$ volta install node@18 npm@9 yarn@3


$ node -v
v18.16.0


$ npm -v
9.6.6


$ yarn -v
3.5.1


$ volta install @angular/cli


$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 16.2.0
Node: 18.16.0
Package Manager: npm 9.6.6
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1602.0 (cli-only)
@angular-devkit/core         16.2.0 (cli-only)
@angular-devkit/schematics   16.2.0 (cli-only)
@schematics/angular          16.2.0 (cli-only)


$ ng new angular-hello-world
$ cd angular-hello-world
$ ng serve --host 0.0.0.0 --port 8080


.prettierrc

{
  "tabWidth": 2,
  "printWidth": 80,
  "semi": true,
  "singleQuote": true,
  "bracketSpacing": true
}


.prettierignore

node_modules
# *.test.js
# *.spec.js


tsconfig.json

    "strictPropertyInitialization": false,
    "noImplicitAny": false,
    "noImplicitReturns": false,


angular.json

  "projects": {
    "app": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "skipTests": true
        }
      },
***


.gitignore

*.~
*.*~
*.log
*.swp

node_modules/
logs/

.vscode
.angular/

.pnp.cjs
.pnp.loader.mjs

.yarn


Sample:

https://github.com/wildmakaka/Angular-Declarative-Reactive-Programming-using-RxJS/pull/1/files


Airbnb eslint for Angular


Libs:
Primeng Primeflex


Angular courses


Angular code examples

RxJs

NgRx

[frontendmasters.com] Production-Grade Angular [2021, ENG]

Pockemons