visual studio code(VSCode) 에서 확장 프로그램 ‘Reactjs code snippets’를 설치하면, react 개발 생산성을 상당히 높일 수 있다.
- 새로운 component를 작성하기 위해 .js 파일을 만든 후, 빈 파일에 rcc를 입력하고 엔터를 누르면, 클래스 형태의 기본적인 컴포넌트를, rsc를 입력하고 엔터를 누르면 함수형 컴포넌트를 만들어준다.
- 컴포넌트를 화면에 그리기 위해서는 import를 해 주어야 하는데, 컴포넌트를 별도로 import 하지 않고 단순 입력 후 code snippet이 추천하는대로 엔터를 누르면 자동으로 import해준다.
- scu를 입력하고 엔터를 누르면, shouldComponentUpdate함수를 생성해준다.
위의 경우와 같이 reactJS에서 사용되는 다양한 메소드, 클래스 등을 단축키를 통해 생성할 수 있다.