프론트엔드 정복하기

typescript interface keys 를 정렬해주는 plugin https://github.com/infctr/eslint-plugin-typescript-sort-keys#readme

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md jsx 컴포넌트 attributes 를 정렬해주는 plugin

ESLint 에는 object key 를 오름 또는 내림 차순으로 정렬해주는 설정이 있습니다. https://eslint.org/docs/rules/sort-keys sort-keys - Rules require object keys to be sorted (sort-keys) When declaring multiple properties, some developers prefer to sort property names alphabetically to more easily find and/or diff necessary properties at a later time. Others feel that it adds complexity and beco eslint.org sort-keys Rule 을 au..

JSX props, children 에서 중괄호를 추가하거나 제거해주는 eslint 플러그인을 소개합니다. 저같은 경우, property 값을 string 타입으로 자동 저장해주는 기능을 갖고 싶었습니다. property 명 입력 후, '='를 입력하면 자동으로 중괄호 {} 가 생기는데, 이후 따옴표를 입력하고 작성하면 자연스럽게 아래와 같이 작성하게 됩니다. {'Hello world'}; ; 이때 eslint 설정을 통해 자동으로 아래와 같이 바꿔주고 싶었습니다. Hello world; ; jsx-curly-brace-presence 플러그인은 위처럼 가능하게 해줍니다! 아래는 github 페이지이며, https://github.com/yannickcr/eslint-plugin-react GitHub ..