소개

React Native 0.57 이후로 TypeScript가 디폴트 서포트된 적도 있어, 최근에는 확실히 TypeScript를 사용하고 있었습니다만,
expo v31에서도 TypeScript가 기본 지원이 된 것 같기 때문에 시험에 시작해 보겠습니다.

소개

1) 우선 프로젝트 만들기

React Native의 공식 문서대로 expo-cli 설치 및 프로젝트 만들기

yarn global add expo-cli
// npmなら　npm install -g expo-cli

expo init AwesomeProject

2) typescript 도입 전에 기동해 본다

yarn ios

움직였다

3) typescript 설치

yarn add --dev --exact typescript
yarn add --exact tslib

※react-native-typescript-transformer나 엔드포인트의 설정 등은 불필요

4) 형 정의나 tsconfig 등

yarn add --dev --exact @types/react @types/react-native @types/expo @types/expo__vector-icons

tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "forceConsistentCasingInFileNames": true,
    "importHelpers": true,
    "jsx": "react-native",
    "lib": [
      "es2017"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "noEmitHelpers": true,
    "noImplicitReturns": true,
    "noUnusedLocals": true,
    "strict": true,
    "target": "es2017"
  },
  "exclude": [
    "build",
    "node_modules"
  ],
  "types": [
    "typePatches"
  ]
}

참고의 github를 일단 그대로 (요시나 평소와 같이)

5) 파일 확장자를 tsx로 변경

그대로라고 경고 나오지만 일단 특별히 변경하지 않고 그대로. .

6) 다시 시작 & 파일 변경

움직였다!

소감:

특히 아무것도 생각하지 않고 그대로 움직였습니다. .
js와의 파일 혼합도 가능하기 때문에 부분적으로 도입하기 시작한다는 것도 가능할지도 모릅니다.

앞으로 향해

eject해도 특별한 문제가 없는지 확인

참고: