VS Code React Snippets

javascriptreact.json

{
  "React_Base_Component": {
    "prefix": "rbc",
    "body": [
      "import React from \"react\";",
      "import PropTypes from \"prop-types\";",
      "\nimport style from \"./style.css\";\n",
      "class $1 extends React.Component {",
      "\tconstructor() {",
      "\t\tsuper();",
      "\t}\n",
      "\trender() {",
      "\t\treturn (\n\t\t\t<h1>$1</h1>\n\t\t);\n\t}\n}",
      "\n$1.propTypes = {",
      "\t\n}",
      "\nexport default $1;"
    ],
    "description": "Create a react base component"
  },
  "React_Base_Component_Redux": {
    "prefix": "rbcr",
    "body": [
      "import React from \"react\";",
      "import PropTypes from \"prop-types\";",
      "import { bindActionCreators } from \"redux\";",
      "import { connect } from \"react-redux\";",
      "\nimport style from \"./style.css\";\n",
      "class $1 extends React.Component {",
      "\tconstructor(props) {",
      "\t\tsuper(props);",
      "\t}\n",
      "\trender() {",
      "\t\treturn (\n\t\t\t<h1>$1</h1>\n\t\t);\n\t}\n}",
      "\n$1.propTypes = {",
      "\t\n}\n",
      "const mapStateToProps = store => ({\n\t\n});\n",
      "const mapDispatchToProps = dispatch => bindActionCreators({\n\t\n}, dispatch);\n",
      "export default connect(mapStateToProps, mapDispatchToProps)($1);"
    ],
    "description": "Create a react base component with redux"
  }
}