⚠주의

우선, 이 글을 쓴 날짜와 아래 판본을 확인하세요.
나는 이 보도가 공식 문서를 소개하는 역할을 할 수 있기를 바란다.

$ npx create-react-app --version
npx: 63個のパッケージを4.086秒でインストールしました。
2.1.1

$ npm view typescript version
3.2.2

create-react-app 및 Type Script

페이스북 공식 React 프로젝트 생성 도구create-react-app,2018/10/29 발매 v2.1.0에서는 Type Script가 정식으로 지원됩니다.

이전에는create-react-app의fork창고react-scripts-ts를 맡았지만,create-react-app를 사용하지 않아도 타입 스크립트를 조립할 수 있어 임무를 완수한 듯 deprecated로 바뀌었다.

Type Script의 React 항목을 새로 만들 때

아래의 지령만 내리면 됩니다.

$ npx create-react-app my-app --typescript

create-react-app로 제작된 기존 프로젝트의 경우

deprecated가 된 react-scriptts-ts에서create-react-app 이후로.다음 블로그 기사에는 옮기는 방법이 적혀 있다.
이게 첫걸음이야.1부터 순서대로 진행하면 이동이 가능합니다.

푹 빠진 곳

문제 해결을 읽었으면 거의 해결됐을 텐데...!
https://vincenttunru.com/migrate-create-react-app-typescript-to-create-react-app/#troubleshooting

1.tslint-react 사라짐

npm remove react-scripts-ts 이후 각종 포장은 사라지고 Tsint도 사라진다.
create-react-app에 의존하지 않기 때문에 수동으로 추가하세요.

$ npm install --save-dev tslint tslint-react

2. 많은 유형의 오류가 발생했습니다.

위에 쓴 블로그도 있어요. tsconfig의lib를 지정하세요.

3.tsconfig에서 욕을 먹었다

이것도 기사에 적혀 있습니다. 예약했거나 사용자가 지정할 수 없는tsconfig의 매개 변수가 있습니다.내가 다른 값을 지정할게.

4.storybook 사망

이것도 기사에!
이 절차에 따라 진행됐지만 Create React App은 Babel을 사용하고 storybook은 Type Script를 사용합니다.좀 복잡한 것 같아서요.
Additionally, while Create React App uses Babel to parse JSX, Storybook expects TypeScript to do so.

끝말

저는 Vue와 Nuxt입니다.js부터 최근 몇 년 동안 전단을 접하기 시작했기 때문에 React의 설정이 상당히 많아서 힘들다고 느끼기 쉽다.
이번create-react-app에서는 Type Script를 지원하므로 앞으로 번거로움을 줄일 수 있을 것입니다.기대하다.