VS Snippets

typescriptreact.json

{
	"Create a functional component tsx": {
		"prefix": "fnc",
		"body": [
			"import { FC } from 'react';",
			"",
			"",
			"interface ${1:${TM_FILENAME_BASE}}Props {",
			"$2",
			"}",
			"",
			"const ${1:${TM_FILENAME_BASE}}: FC<${1:${TM_FILENAME_BASE}}Props> = ({",
			"\t$0",
			"}) => {",
			"\treturn (",
			"\t\t<div>",
			"\t\t\t",
			"\t\t</div>",
			"\t)",
			"}",
			"",
			"export default ${1:${TM_FILENAME_BASE}};",
		]
	}
}