Open18

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

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

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

https://twitter.com/laco2net/status/1391740227924807688

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

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

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

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

Props の受け渡し

  • 子に渡す
    子供側で Input 定義、関数の場合は @Output
@Input() product: Product;
@Output() notify = new EventEmitter();

親側

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

VSCode 設定

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

  • グローバルな状態管理のベストプラクティス
  • Theme管理
  • Sass 使える?(ネスト記法が欲しいだけ)
  • テストの書き方
  • Context 的なものはある?
  • hooks 的な API
  • ルーティングどうやるの
  • SSG or SSR お手軽にできるものあるのか

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

ログインするとコメントできます