[VS Code] React 플러그인

ES7+ React/Redux/React-Native snippets

---

자주 쓰이는 스니펫들을 단축키로 간단히 생성할 수 있습니다.
지원하는 파일 확장자는 .js / .ts / .jsx / .tsx 입니다.

snippets

Snippets

---

✅ imp

import moduleName from 'module'

✅ nfn

const functionName = (params) => { }

React

---

✅ imr

// 리액트 가져오기
import React from 'react'

✅ imrc

// 리액트 + Component 가져오기
import React, { Component } from 'react'

Console

---

✅ clg

console.log(object)

React Components

---

✅ rcc

// React 클래스 Components
import React, { Component } from 'react'

export default class App extends Component {

  render() {
    return (
      <div>App</div>
    )
  }
}

✅ rfc

// React 함수형 Components
import React from 'react'

export default function App() {
  return (
    <div>App</div>
  )
}

✅ rfce

// React Function Component + Export
import React from 'react'

function App() {
  return (
    <div>App</div>
  )
}

export default App

✅ rafce

import React from 'react'

const App = () => {
  return (
    <div>App</div>
  )
}

export default App

공식 GitHub