マイライブラリドキュメント
flex-layout
Getting Started
Guides
Reference
typed-rx-http
global-rx-state
webflux-fe-dev-assistant
Overview
reactive-mongo-dsl
ガイド
実際の使用フローに基づいてflex-layoutの組み合わせ方法を整理します。
row/column方向、layoutName/containerName、ネストされたレイアウトの基本ルールを整理します。
isResizePanel、grow、panelMode、panelMovementModeでリサイズ可能なパネルを構成します。
containerOpenCloseSubjectMapとダブルクリックフックでパネルを折りたたみ、展開します。
rememberResizeでユーザーが調整したgrow値をストレージに保存し、復元します。
FlexLayoutSplitScreenでVS Codeのような動的分割画面を構成します。
Next.js App RouterでURLを使用してpage.tsxを分割ペインにレンダリングし、リフレッシュ/ブラウザURLごとの分割状態を復元します。
FlexLayoutSplitScreenDragBoxでドラッグ可能なタブ/カード/メニュー項目を作成します。
stickyModeとFlexLayoutStickyBoxでレイアウトの境界内で固定されるUIを作成します。
FlexLayoutDynamicHeightでビューポートとコンテンツの高さに合わせてコンテナの高さを同期します。
FlexLayoutSplitScreenScrollBoxで分割画面内のスクロール位置を保存/復元します。
useFlexLayoutControlでルートレイアウトのヘッドコンテナをスクロールに応じて折りたたみ、復元します。
センチネルベースの無限/ページスクロール用のリストページングフックを使用します。