ES7 React / Redux / GraphQL / React-Native snippets
ES7 React / Redux / GraphQL / React-Native snippets extension이 있어도 이 코드 스니펫 모르면 무소용!
아직도.. 이런거 한줄 한줄 쓰고있다면.. 여기 알면 참 간편한 스니펫 여기 몇가지 추렸읍니다. 참고하세요~
* 리액트 가져오기
imr →
( = import React from 'react')
* 리액트 + Component 가져오기
imrc →
( = import 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 만들어짐.
이 밑의 예를 들자면, 이 snippet "rfce"친 화일명이 "Backdrop.js" → function Backdrop() {... } 생성
Happy learning! ?
