Angular を完全に理解するスクラップ

人生の転機により Angular を使うことになった React エンジニアの成長記録です。

Angular 界の神と呼んで差し支え無さそうな laco さんにアドバイスいただいたのでまずはこれの通りやっていく。

チュートリアルやってて思ったことメモ

*ngFor= みたいなのを Auto Complete してくれる拡張は必須
やはり独自構文が多い
- *ngFor, *ngIf, attribute 付けたいときはプロパティ名を [] で囲む、event handler は (click)
- この辺中の式の部分は syntax highlight つく拡張欲しいね

event のリストとか欲しいけど見当たらない

template に型があたらんの厳しくね？
コンパイルエラーは吐いてくれるみたいだが、サジェストとかも出してくれないと厳しい

Props の受け渡し

@Input() product: Product;
@Output() notify = new EventEmitter();

親側

<app-product-alerts [product]="product" (notify)="onNotify()"></app-product-alerts>

VSCode 設定

チュートリアルを終えた今調べたいこと

今の自分みたいに React での概念を Angular でどう満たすかって考え方だから Angular for React dev みたいなの書くといいかも。React -> Angular な人レアケースだから需要あるか微妙やけど…

Life Cycle hook

Testing