programming:frontend:typescript:react

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- programming:frontend:typescript:react [2022/06/29 01:13] – dot
+++ programming:frontend:typescript:react [2022/07/27 09:01] (現在) – dot
@@ 行 2: / 行 2: @@
   * [[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]]
@@ 行 7: / 行 8: @@
 ===== メモ =====
+  - **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 ファイルが格納されている
-**npx create-react-app --template typescript my-app** でアプリケーションが動作する仕組み。
+  * [[programming:frontend:typescript:react:Login:Contextを使ったシンプルなログイン機能]]
-  * 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.1656465180.txt.gz · 最終更新: 2022/06/29 01:13 by dot