react javascript에서 typescript로 점진적 전환하기

이제는 더이상 typescript를 주저할 이유가 없습니다

 

기존에 만든 javascript 로 되어있는 react 프로젝트를 typescript로 전환하세요

 

cra로 생성을 한 경우 매우 쉽게 전환이 가능합니다

 

 

먼저 typescript를 비롯하여 필요한 패키지들을 설치합니다

 

npm install --save-dev typescript @types/node @types/react @types/react-dom @types/jest @types/react-router-dom

 

tsconfig 파일을 생성합니다

npx tsc --init

그리고 생성된 tsconfig.json 파일의 allowJs 설정을 변경해주세요

{
  "allowJs": true
}

벌써 끝났습니다

 

이제 여러분이 js로 만든 컴포넌트의 js 파일의 확장자를 tsx로 변경해주시면 점진적인 적용이 가능합니다

 

여러분이 가진 패키지중에 일부패키지는 @type 패키지를 필요로 할수도 있고

 

때로는 패키지의 업데이트가 필요할수 있습니다

 

저는 위 과정외의 추가로 한 작업은

 

connected-react-router가 옛날버전에서는 typescript가 제대로 적용되지 않아서 최신 버전으로 업데이트를 했네요

 

npm update connected-react-router

 

참쉽죠?