Last Updated on 2022-07-28

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() {... } 생성