セットアップ
前提条件
このチートシートは、任意のスキルレベルの参照に使用できますが、React と TypeScript の基本的な理解は想定されています。前提条件を以下に示します。
- React の基本的な理解。
- TypeScript 基礎 および 日常的な型 を理解していること。
チートシートでは、React と TypeScript の最新バージョンを使用していると想定しています。
React と TypeScript のスターター キット
React には、新しい React プロジェクトを開始する方法 のドキュメントがあり、最も一般的なフレームワークの一部を使用できます。以下に、TypeScript でそれらを開始する方法を示します。
- Next.js：
npx create-next-app@latest --ts - Remix：
npx create-remix@latest - Gatsby：
npm init gatsby --ts - Expo：
npx create-expo-app -t with-typescript
React と TypeScript をオンラインで試してみる
React と TypeScript をオンラインで実行できるツールがいくつかあります。これは、デバッグや共有可能な再現を作成する場合に役立ちます。