nukopy / react-typescript-main-concepts

react-typescript-main-concepts

React.js 公式チュートリアルの続きである Main Concepts を TypeScript でやるリポジトリ。

• React 公式ドキュメント
  • React - チュートリアル
  • React - Main Concepts
  • React - 静的型チェック - TypeScript

チュートリアルで使用したリポジトリはこっち。

進捗リスト

• MAIN CONCEPTS
  • 1. Hello World
  • 2. JSX の導入
  • 3. 要素のレンダー
  • 4. コンポーネントと props
  • 5. state とライフサイクル
  • 6. イベント処理
  • 7. 条件付きレンダー
  • 8. リストと key
  • 9. フォーム
  • 10. state のリフトアップ
  • 11. コンポジション vs 継承
  • 12. React の流儀

ソフトウェア

• Node.js v16.15.0

環境構築

• React プロジェクトの初期化

cd react-typescript-main-concepts
npx create-react-app . --template typescript

実行

npm start