Webの裏側を解剖する。HTMLだけで画面の複数箇所を完全同期するHATEOAS体感教材。
左ペインで操作すると、実際に飛んだリクエストとサーバーの生レスポンスがここに表示されます。
左ペインで操作すると、実際に飛んだ HTTP リクエストとサーバーの生レスポンスが 右ペインのインスペクターに表示されます。1 つのレスポンスで 左の行と右のインスペクターが同時に書き換わるのが HTMX の OOB swap です。 右ペインを見ながら、次の順に試してみてください。
201 Created と HX-Trigger(トースト)が出る。hx-confirm)の後、行が消える。409 Conflict。エラー応答も可視化される。hx-trigger + クエリ文字列)。All / Active / Done でフィルタ。HX-Redirect でリロード。