Custom React snippets for VSCode

react-snippets.code-snippets

// Place in the snippets folder of vscode

{
  // shortcode: impc
  // Creates an empty React function component with a common set of items, like imports and proptypes
  // Tab stop 1 is the function name
  // Tab stop 2 is for props
  
  "Create empty component": {
    "scope": "javascript",
    "prefix": "impc",
    "body": [
      "import React from 'react'",
      "import PropTypes from 'prop-types'",
      "",
      "export function $1({$2}) {",
      "",
      "  return (",
      "    <>",
      "      $0",
      "    </>",
      "  )",
      "}",
      "",
      "$1.propTypes = {",
      "  $2",
      "}",
      "",
      "$1.defaultProps = {",
      "  $2",
      "}",
      "",
    ],
    "description": "Creates empty component"
  }
}