[React] Reactjs Code Snippet

이게 뭔데?

Reactjs code snippets은 react 개발을 도와주는 vs code 확장 플러그인이다.

편리한 스니펫 기능을 제공하여 개발시간 단축에 도움이 된다. vs code 환경에서 react 개발을 한다면 사용해보는 것을 적극 추천하고 싶다.

단축키 정리

단축키	설명
rcc	클래스형 component
rccp	클래스형 component + propTypes
rsf	함수형 component
rsfp	함수형 component + propTypes
rsc	화살표 함수형 component
rscp	화살표 함수형 component + propTypes

자주 사용할 것 같은 단축키 위주로 정리해 봤다.

rcc, rsf, rsc가 각각 component의 구조를 정의하고, 뒤에 p가 추가되면 propTypes 구조를 추가 해준다.

이 밖에도 Github 링크를 참고하면 더 다양한 기능을 확인할 수 있다.

Github - xabikos/vscode-react