12,673
回編集
差分
ナビゲーションに移動
検索に移動
→ファイル拡張子
==[[React]]==
[[Node.js]] | [[Next.js]] |
{{amazon|4873117887}}
==導入==
===Create React App===
*Reactアプリ開発のためのコマンドラインツール。トランスパイラ、バンドラ、開発サーバーなどを含むツールチェーン
*Facebook本家が提供。他にもNext.js、Vite、Gatsby、Parcelなどのツールチェーンがある。
*より高度な環境としてNext.jsも存在
===Next.js===
*[[Next.js]]
*Reactは、あくまでUI部分のみ
*本格的なアプリ開発には周辺領域を担うためのフレームワークが必要
*Reactベースのフレームワークとしてデファクトスタンダードと言える存在
*主なライブラリ
**ファイルシステムベースの設定レスルーター
**サーバーコンポーネント
**データ取得用fetchメソッド
**リソース組み込みの自動最適化
**CSSフレームワーク、Tailwind CSSへの標準対応
===Node===
[[Node.js]] のインストール
====npx====
*ローカルにインストールされたツールを実行するためのパッケージランナー
===Next.jsアプリの作成===
[[Next.js]]
===[[TypeScript]]の導入===
====ファイル拡張子====
=====JSX=====
*https://3chome.net/javascript-typescript/#:~:text=.tsx%EF%BC%88TSX%E3%83%95%E3%82%A1
*[[TypeScript]]の拡張子
**.ts : コードにJSX含まない
**.tsx : コードにJSX含む(含まない場合tsxとしてもよいが望ましくない)
=====Module=====
*https://zenn.dev/uhyo/articles/typescript-module-option
**.mts
====型アサーション====
===導入(旧)===
----
*https://facebook.github.io/react/docs/installation.html
*https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/[[R]]EADME.md#table-of-contents
© 2006 矢木浩人
