이것을 설치하게 되면, React 관련 템플릿을 단축키로 작성할 수 있게 된다.
rcc→ | class component skeleton |
rrc→ | class component skeleton with react-redux connect |
rccp→ | class component skeleton with prop types after the class |
rcjc→ | class component skeleton without import and default export lines |
rcfc→ | class component skeleton that contains all the lifecycle methods |
rwwd→ | class component without import statements |
rpc→ | class pure component skeleton with prop types after the class |
rsc→ | stateless component skeleton |
rscp→ | stateless component with prop types skeleton |
rsf→ | stateless named function skeleton |
가장 기본적인 단축키로 rcc와 rsc가 존재한다.
rcc 는 class 형태의 컴포넌트 템플릿이고, rsc는 stateless 즉, 함수형 컴포넌트를 만들어준다.
vs code에서 .js 자바스크립트 파일을 생성한 뒤,
rcc 또는 rsc를 입력하면 자동으로 생성하면 코드가 자동으로 생성된다.
'개발 > React' 카테고리의 다른 글
[React 공식 홈페이지 번역 01] 리액트란 무엇인가?? (0) | 2018.09.30 |
---|---|
[React] react render 함수에서 a태그의 href값을 동적으로 변경하고 싶을때 . (0) | 2018.08.31 |
[React] Windows에서 npm 설치 오류 발생시 해결 방법... (0) | 2018.08.26 |
[React] 리액트(React)로 파이어베이스(Firebase) 배포(Deploy)하는 방법!!! (0) | 2018.08.13 |
[React] 리액트 공식 홈페이지에서 개념을 쌓아보기.../ (0) | 2018.08.02 |