・tsxファイルはコンポーネントを返すファイルにつける名前。
txはコンポーネントを返さないファイルにつける名前。ex)API,type,use~ファイル等
・ファイル構成
データをとってくるファイル 1個 ex)useLoginStore → APIでデータとってくるところ
データをコンポーネントで使うための関数をかくファイル 1個 ex) useLogin → APIでとってきたデータを使うところ
コンポーネント → 関数を使うファイル
とったファイル構成が良い。
コンポーネントファイル、indexファイルには関数のロジックが入らない。
・型定義に関して
コンポーネントの型定義はコンポーネントに書くべき
・shared>layout>useContainerは画面よりもっと上位にある概念。画面遷移してもレンダリングされない。ログイン画面からホーム画面に移動しても再レンダリングされないので、ここにヘッダーを置けば、ページが切り替わってもレンダリングされなくなる。認証未であればヘッダーを表示しないようにして、ログイン画面だけ、ロジック組めばOK。