[React] 스니펫 단축키 정리

Overview

VS Code extension 스니펫 단축키를 정리한 포스트입니다.

Reference

link

Import

Commnad	Method
imp	import moduleName from ‘module’
imr	import React from ‘react’
impt	import PropTypes from ‘prop-types’
imrpc	import React, { PureComponent } from ‘react’
imrpcp	import React, { PureComponent } from ‘react’ & import PropTypes from ‘prop-types’

Component

rcc

import React, { Component } from 'react'

export default class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}

rpcp

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'

export default class FileName extends PureComponent {
  static propTypes = {}

  render() {
    return <div>$2</div>
  }
}