[Project]@+Type Scriptプロジェクトの作成

Next.js + TypeScript

プロジェクトの作成

1. npm
$ npx create-next-app@latest {Project-Name} --ts

2. yarn
$ yarn create next-app {Project-Name} --typescript

既存アイテムへのType Scriptの追加

$ touch tsconfig.json

1. npm
$ npm run dev
    
2. yarn
$ yarn dev

3. next
$ next dev

1. npm
$ npm install --save-dev typescript @types/react @types/node

2. yarn
$ yarn add --dev typescript @types/react @types/node

请参照next。js主页

React.js + TypeScript

プロジェクトの作成

1. npm
$ npx create-react-app {Project-Name} --template typescript

2. yarn
$ yarn create react-app {Project-Name} --template typescript

既存アイテムへのType Scriptの追加

1. npm
$ npm install --save typescript @types/node @types/react @types/react-dom @types/jest

2. yarn
$ yarn add typescript @types/node @types/react @types/react-dom @types/jest

TypeScriptが追加されている場合は、すべて。jsファイル。tsxに変更

注意:react。jsホームページ

番外(react-redux)

TypeScriptを勉強していますが、React+TypeScriptのReact-Reduxがサポートしていないとは知りませんでした

解決策

1.プロジェクトの作成

2.Reduxライブラリのインストール