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