Jastin-Infj / battle-vision

ポケモンのパーティ編成画面をブラウザで管理出来るツールです
0 stars 0 forks source link

【開発】Windows領域によってJSX配置を変更する #51

Closed Jastin-Infj closed 1 year ago

Jastin-Infj commented 1 year ago

50 にて発生。

タグスペースが ipad から並ぶ順番を変更したほうが良いと判断。 JSXの配置を変更する判定に Windowの領域サイズの取得が必要になった。

現在 useEffect() で window 変数を定義したが、 更新処理が入ってしまうために Main.tsx 全体が 2回レンダリングされてしまう。 理想 useEffect() で window 領域を常に監視。できない場合は 初回のリロードのみで可。 2回レンダリングされなくて良い場所はされないように設定したい。

Jastin-Infj commented 1 year ago

Windowの領域取得は他のコンポーネントでも利用する可能性が高いため グローバルとして管理したい。

一度 useContext で実装後に、 Redux も一応検討する

Jastin-Infj commented 1 year ago

useContext を利用して解決