eslint-plugin-react

eslint-plugin-react는 ESLint를 위한 React 전용 린팅 규칙 모음입니다. 개발자가 React 모범 사례를 준수하고, 한 실수를 잡아내며, React 프로젝트에서 일관된 코드 스타일을 유지하도록 도와줍니다. 설치는 npm을 통해 간단합니다: npm install eslint eslint-plugin-react --save-dev. 이 플러그인은 레거시 .eslintrc 구성 시스템과 ESLint v8.21.0에서 도입된 새로운 eslint.config.js 플랫 구성 시스템 모두에서 작동합니다. 이 플러그인은 여러 공유 구성을 내보냅니다: recommended(React 모범 사례 강제), all(사용 가능한 모든 규칙 포함), jsx-runtime(React 17+의 새로운 JSX 변환용). 플랫 구성 변형도 flat.recommended, flat.all, flat['jsx-runtime']으로 제공됩니다. 이러한 구성은 파서 옵션에서 JSX를 자동으로 활성화합니다. 구성은 react.pragma, react.fragment, react.version, react.createClass, propWrapperFunctions, componentWrapperFunctions, formComponents, linkComponents에 대한 공유 설정을 지원합니다. 이러한 설정을 통해 MobX observer, styled-components, 사용자 정의 폼 컴포넌트 또는 사용자 정의 링크 컴포넌트를 사용하는 프로젝트에 맞게 사용자 정의할 수 있습니다. 이 플러그인은 JSX 서식(jsx-indent, jsx-curly-spacing, jsx-props-no-multi-spaces), 컴포넌트 정의(display-name, function-component-definition), props 검증(jsx-no-duplicate-props, default-props-match-prop-types), hooks(hook-use-state, forward-ref-uses-ref), 접근성(button-has-type, iframe-missing-sandbox), 보안(jsx-no-target-blank, jsx-no-script-url) 등을 다루는 많은 규칙을 포함합니다. 많은 규칙이 --fix CLI 옵션을 통해 자동으로 수정 가능하며, 일부는 편집기 통합을 통해 수동 수정 제안을 제공합니다. 규칙 목록에는 십자 기호로 표시된 사용 중단된 규칙이 포함되어 있으며, 이 플러그인은 ESLint v8과 v9 모두와의 호환성을 유지합니다.