====== Redux ====== * [[https://ja.reactjs.org/|React]] * [[https://tanstack.com/query/v4|React Query]]: Redux よりこっちが良いかもしれない。 * [[https://redux.js.org/|Redux]] * [[https://react-redux.js.org/|React Redux]] ===== メモ ===== - **npx create-react-app --template typescript my-app** で生成した my-app がアプリケーションとして起動する仕組み。 * tsconfig.json: TypeScript をどのように JavaScript にトランスパイルするか設定しているファイル * package.json: **npm start** と入力すると **react-scripts start** が実行されるように設定されている * react-scripts: **node_modules/react-scripts** にインストールされている npm パッケージ * node_modules/react-scripts/config/webpack.config.js`: **react-scripts start** 時に webpack によって読み込まれて、TypeScript を JavaScript にトランスパイルし、JavaScript や HTML や CSS や画像を1つのファイルにまとめる(packする)。1ファイルに pack したファイルが簡易版 Web サーバで実行され http://localhost:3000 でアクセス可能となる。 * node_modules/.cache/default-development: webpack によって生成された pack ファイルが格納されている * [[programming:frontend:typescript:react:Login:Contextを使ったシンプルなログイン機能]]