[React #3] 리액트 개발 시 필요한 확장 패키지, VS Code React Snippet

 

 

알면 시간 절약되는 vs code React Snippet

 

긴 코드를 줄여주는 스니펫

[ 리액트 가져오기 ]
// imr → 
import React from 'react'

[ 리액트 + Companent 가져오기 ]
//imrc → 
important React, { Component } from 'react'

[ import a default module 기본 모듈 가져오기 ]
//imp → 
import moduleName from 'module'

[ 명명된 함수 ]
//nfn → 
const functionName = (params) => {  }

[ React 클래스 component 생성 (class component skeleton) ]
//rcc

[ React stateless component skeleton 생성 ]
//rsc

[ React stateless named function skeleton 생성 ]
//rsf

[ React Class Component With Prop Types ]
//rcep → 

[ React Function Component + Export ]
//rfce → 
이러면 현재 있는 js file 이름을 기반으로 function 만들어짐.

 

 

 

 

 

 

https://www.hanl.tech/blog/vs-code-react-time-awesome-snippets/

알면 진짜 시간 절약되는 VS Code React snippet 리스트 | 하늘네트

 

참고 사이트 첨부