JAVASCRIPT

vscode react snippets

    "custom-fc-react-component": {
        "prefix": "fc",
        "body": [
            "import React from 'react';",
            "import PropTypes from 'prop-types';",
            "",
            "// import './${2:index}.scss';",
            "",
            "const ${1:${CLIPBOARD:NewComponent}} = (props) => {",
            "  const {",
            "    param",
            "  } = props;",
            "",
            "  return (",
            "		<div className="">",
            "		  {param}",
            "		</div>",
            "  );",
            "};",
            "",
            "${1:${CLIPBOARD:NewComponent}}.propTypes = {",
            "  param: PropTypes.bool.isRequired",
            "};",
            "",
            "${1:${CLIPBOARD:NewComponent}}.defaultProps = {",
            "",
            "};",
            "",
            "export default ${1:${CLIPBOARD:NewComponent}};",
            ""
        ],
        "description": "Create new React functional component"
    }

react code snippet

yarn add lexour