programming:frontend:typescript:react
Redux
- React Query: 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.txt · 最終更新: 2022/07/27 09:01 by dot