React 프로젝트 작성 시 노트

3114 단어 React

개요


React 프로젝트 작성 시 노트

컨텐트


경로

yarn add react-router-dom
CSS in JS/UI 라이브러리
yarn add styled-components semantic-ui-react semantic-ui-css
Litt 설정
4
  • 에어뱅크의 설정을 바탕으로 한다.
    VScode에 저장된 경우 수정합니다.
    yarn add eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint
    
    eslintrc 만들기
    .eslintrc
    {
      "extends": "airbnb",
      "parser": "babel-eslint",
      "globals": {
        "fetch": false,
        "window": false,
        "document": false
      },
      "rules": {
        "array-callback-return": 0,
        "react/no-unused-state": 1,
        "no-unused-vars": 0,
        "react/jsx-filename-extension": 0,
        "react/prop-types": 0,
        "max-len": 0
      }
    }
    
    VScode 확장 기능에서 ESLight 설치
    VScode 설정에서 Lin의 AutoFix 활성화


    매번 추가
  • 좋은 웹페이지 즐겨찾기