2/29-3

ReactHooksアプリケーションのフォルダ構造

• public
  • index.html
    • ブラウザ上に表示される大元
• src
  • App.js(App.tsx)
    • メインで開発していくもの
  • index.js(index.tsx)
    • public/index.htmlとsrc/App.tsxをルーティングしている
      • const root = ReactDOM.createRoot(
          document.getElementById('root') as HTMLElement
        );

コンポーネント

ファンクショナルコンポーネントだけを使う。

ファンクショナルコンポーネントの作成

• src/componensを作成
• 名前.jsとして作成する
• src/App.tsxでファンクショナルコンポーネントを呼び出す処理を書く
  • import './components/コンポーネント
  • 「<コンポーネント名　/>」をreturn()内に書く

ファンクショナルコンポーネントの記述

• 「rafce」の雛形を使う
• return()内は一つのタグで囲う（<div></div> or <></>）