Expo는 디폴트로 TypeScript를 사용할 수 있다!!!



expo에서 typescript를 사용하기 쉽고 감동했기 때문에 메모

Expo31.0.0에서는 Flow에서 TypeScript로의 이행이 진행되었다.
따라서 .js 파일을 .ts 및 .tsx로 다시 작성하면 typescript를 도입 할 수 있습니다!
babel을 괴롭히지 않아도! ! !
yarn add 필요 없다! ! !
최고다. Expo 결혼 해주세요.
단지 루트 파일인 App.js만은 .js 그대로 둘 필요가 있다. App.js에 .tsx 파일을 가져오는 것은 괜찮습니다.

우선 아무것도 생각하지 않고 expo로 앱을 작성.


$ npm i -g expo
$ expo init my-folder
$ cd my-folder

tsconfig 만들기



우선 다음을 프로젝트 바로 아래에 기술.
설정의 의미는 생각하지 않는 느낌이다.
// tsconfig.json
{
  "compilerOptions": {
  "outDir": "build",
  "rootDir": "src",
  "sourceMap": true,
  "noImplicitAny": true,
  "noUnusedLocals": true,
  "noUnusedParameters": true,
  "module": "commonjs",
  "target": "es6",
  "jsx": "react",
  "strict": true,
  "typeRoots": ["node_modules/@types", "screens/custom-types"], 
  "baseUrl": ".",
  "moduleResolution": "node",
  "esModuleInterop": true  },
  "include": ["./screens/**/*"],
  "exclude": ["node_modules"]
}

마지막으로 react 및 react-native 유형을 설치합니다.


npm i -D @types/react @types/react-native

확장자를 .js에서 .tsx로 변경해 봅시다.



이제 typescript를 사용하기 시작할 수 있습니다.
expo start
expo ios

좋은 웹페이지 즐겨찾기