子コンポーネントは状態を管理させないで、 親コンポーネントですべて状態を管理する方法が基本だとは思う。

しかし ここでは、子コンポーネントで状態を管理して、 親コンポーネントからそれを任意のタイミングで把握する方法を調べます。

Webアプリでアイコンをたくさんつくる必要が生じた。 はじめは生成AIに頼んでつくっていたが、バリエーションが増えすぎたので ラベルと幅と色を指定して SVG アイコンを生成する React Component を書いた。

AlaSQL を使って React で SQL する一番簡単な例の覚え書きです。

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

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

初期状態:

選ぶと次のようになるようにしたい:

覚え書きです。

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

Angular + React の覚え書きです。

今回は emacs keybindings などを実現するための下準備として キーボードショートカットへの対応方法を調べます。

たとえば、 Ctrl + S したら検索（または保存処理）を実行、などという 機能を実現するために、そのキーイベントに反応させるには どうしたらいいかを調べます。

前回 Markdown Preview を追加したときに、bold や italic の マークアップは問題なくレンダリングできたのですが、 たとえば、リストアイテムのマークアップを入れると 意図通り作動しなくなっていました。

この問題を解決します。

React を使って、ボタンを押すとレイアウトが変わる仕組みをつくりたい。

初期状態はこれ。