react-native
반응 네이티브의 ESLint
수색…
소개
이것은 반응 네이티브에 대한 ESLint 규칙 설명에 대한 주제입니다.
시작하는 방법
반응 네이티브에서 프로젝트에 ESLint를 사용하는 것이 좋습니다. ESLint는 커뮤니티에서 제공하는 특정 규칙을 사용하여 코드 유효성 검사를위한 도구입니다.
반응 네이티브의 경우 javascript, 반응 및 반응 고유의 규칙 집합을 사용할 수 있습니다.
동기 부여와 자바 스크립트에 대한 설명이있는 일반적인 ESLint 규칙은 https://github.com/eslint/eslint/tree/master/docs/rules에서 확인할 수 있습니다. .eslintr.json을 '확장'노드 'eslint : recommended'에 추가하여 ESLint 개발자가 준비한 규칙 집합을 추가 할 수 있습니다. ( "extends": [ "eslint : recommended"]) ESLint 구성에 대한 자세한 내용은 http://eslint.org/docs/developer-guide/development-environment 에서 확인할 수 있습니다. 이 매우 유용한 도구에 대한 전체 문서를 읽는 것이 좋습니다.
다음으로, ES Lint 반응 규칙에 대한 전체 문서는 https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules에서 찾을 수 있습니다. 중요 사항 : 반응의 모든 규칙이 반응 원시와 관련이있는 것은 아닙니다. 예 : react / display-name 및 react / no-unknown-property를 예로들 수 있습니다. react / jsx-no-bind와 react / jsx-key와 같은 반응 네이티브의 모든 프로젝트에 또 다른 규칙이 있어야합니다.
자신의 규칙 집합을 선택하는 데 매우주의하십시오.
그리고 마지막으로, 반응 원시에 대해 명확하게 플러그인이 있습니다. https://github.com/intellicode/eslint-plugin-react-native 참고 : 스타일을 별도의 파일로 분리하면 react-native / no-inline- 스타일이 작동하지 않습니다.
반응 네이티브 환경에서이 도구를 올바르게 작동 시키려면 config에 값 또는 'env'를 다음과 같이 설정해야합니다. "env": { "browser": true, "es6": true, "amd": true} ,
ESLint는 고품질의 제품 개발을위한 핵심 도구입니다.