2024/10/22　【学習記録】学んだこと・ヘッダーコンポーネントを作成

学んだことアウトプット

<></>（フラグメント）

• Reactでは、複数の要素を囲む場合、<>< />を使用する。

• 余分なDOMノードを減らせるため、シンプルなコード・シンプルなページ構造・ページの読み込みが早くなってパフォーマンスが向上する。

• レイアウトコンポーネントなど、複数の子要素をもつコンポーネントに使用することが多い。

<Outlet />コンポーネント

• 親ルートの中に子ルートをレンダリングするために使う。

• ネストされたUIを実現して、URLに応じて子コンポーネントを表示する。

• 共通のレイアウトを維持して、動的に変化するレイアウトを表示するのに適している。

• コードの再利用性が高いため、ルーティング構造が整理しやすい。

今日のタスク

• ルーティング設定

• レイアウトファイルを作成

• daisyUIのNavbarコンポーネントを使用して、ヘッダーコンポーネントを作成

daisyUIのNavbarコンポーネント

TailwindCSS、前に勉強したのに久しぶりでさわるから完全に忘れている…💦
全然進められなかったです😭
この開発で頑張って身につけよう！！