본문 바로가기

Study/npm Libraries

React with web accessibility

npm install eslint-config-airbnb
npm info "eslint-config-airbnb@latest" peerDependencies

# peerDependencies 목록
## eslint-plugin-import 
## eslint-plugin-jsx-ally 
## eslint-plugin-react
## eslint-plugin-react-hooks

 

  • 에어비앤비에서 설정한 es lint 모듈을 설치하면, 다음과 같은 하위 dependencies가 프로젝트에 포함된다.
  • eslint-plugin-jsx-a11y 모듈
    • 이 모듈은 web accessibility 규칙을 준수하는 JSX 코드를 작성할 수 있도록, JSX 코드를 평가한 뒤 코드 에디터에 경고/에러를 띄운다. => 자세한 평가 내용은 Supported Rules에서 확인 가능하다. 
    • 실제 DOM에 렌더링된 컴포넌트를 평가하기 위해서는 @axe-core/react 모듈과 함께 사용한다.

+) 다양한 환경에서 사용할 수 있는 웹 접근성 평가 도구

'Study > npm Libraries' 카테고리의 다른 글

TanStack Query(React Query)  (0) 2022.07.24
React-router(v6)  (0) 2022.07.03
React-router  (0) 2022.07.01
React-redux & Redux-toolkit  (0) 2022.06.30
what is Redux?  (0) 2022.06.29