React Native 프로젝트 설정(TypeScript + Airbnb linter)

다른 소스를 읽으면서 TypeScript 템플릿과 airbnb 린터로 React Native 프로젝트를 설정하는 데 성공하지 못했습니다. 모든 것이 너무 빨리 변하기 때문에 괜찮습니다. 내 튜토리얼도 몇 달 안에 구식이 될 것이라는 점을 이해하지만 최신 상태로 유지하려고 노력할 것입니다.
Yarn v2는 아직 React Native를 지원하지 않기 때문에 Yarn v1을 사용할 것입니다. 내 린터로 에어비앤비 린터를 선택했습니다.

TypeScript 템플릿으로 React Native 프로젝트 만들기



npx react-native init MyApp --template react-native-template-typescript



cd MyApp

ESLint 추가



yarn add --dev eslint @typescript-eslint/eslint-plugin eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks    

.eslintrc.js의 이름을 .eslintrc.json으로 바꿉니다. .eslintrc.js라는 파일이 없으면 .eslintrc.json을 만드십시오. 이 파일에 이 코드를 추가해야 합니다.

{
  "extends": ["airbnb"],
  "plugins": ["@typescript-eslint", "react"],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "import/no-unresolved": 0,
    "react/jsx-filename-extension": [1, {
      "extensions": [
        ".jsx",
        ".tsx"
      ]
    }]
  }
}


그게 다야 이제 TypeScript 및 airbnb linter로 RN 프로젝트를 설정했습니다.

좋은 웹페이지 즐겨찾기