Angular から React への移行【その２】 では @Input のみがある単純な Angular コンポーネントを React コンポーネントに移行しました。 今回は、@Input だけでなく @Output も存在する Angular コンポーネントを React に移行します。

Angular から React への移行【その１】 で作成した Angular アプリを部分的に React にします。

次のような Angular アプリケーションがあったとして、これを段階的に React に移行するためのコードメモ。

Angular + React の覚え書きです。 今回は directive 経由で実装します。

Angular + React の覚え書きです。

前回作成したコードでは 入力したテキストをひっくりかえすサービスをつくりましたが、 本来この手の処理は Pipe を使う方が Angular 的に自然なので書き直します。 出発点として使うコードは、 前々回作成したコードにします。

Angular 覚え書きです。 今回は 前回作成したコードに追加して DI(Dependency Injection) するための サービス FixtextService を追加します。

Angular 覚え書きです。 テキストフィールドとその入力内容を表示するだけのコンポーネントをつくる。

Angular 覚え書きです。