React Component Snippet

javascript.json

{
  "React Component": {
    "prefix": "reactComp",
    "body": [
      "import React, { Component } from 'react'",
      "import PropTypes from 'prop-types'",
      "",
      "class ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}} extends Component {",
      "  render() {",
      "    return (",
      "      ${3}",
      "    )",
      "  }",
      "}",
      "",
      "${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}.propTypes = {",
      "  ${2}",
      "}",
      "",
      "export default ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}"
    ]
  }
}

NICE WORK, for atom you can add the above snippet on ~/.atom/snippets.cson with the following syntax:

'.source.js':
  'React Component':
    prefix: 'reactComp'
    "body": """
      import React, { Component } from 'react'
      import PropTypes from 'prop-types'

      class ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}} extends Component {
        render() {
          return (
            ${3}
          )
        }
      }

      ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}.propTypes = {
        ${2}
      }

      export default ${1:${TM_FILENAME/(.*)\\.js/${1:/capitalize}/}}
    """

VsCode:
Code > Preferences > User snippet > javascript

Paste code, save and reload VsCode