Here is a VSCode Snippet for Generating a New React Component

[edit 2026]: This is a very old article, I don't use it anymore obviously.


Here is a snippet I use in Visual Studio to initialize a new React component:

"React component": {
    "prefix": "reactcomp",
    "body": [
        "import React from \"react\";",
        "import {useSelector, useDispatch} from \"react-redux\"",
        "import PropTypes from \"prop-types\";",
        "",
        "function ${1}(props){",
        "",
        "\treturn (<div>${3}</div>)",
        "}",
        "export default ${1};",
    ],
    "description": "Create a new empty react component"
}