VS Code React Snippet

snippits.json

{
	"TypeScript React Component Full": {
		"prefix": "tsrcf",
		"body": [
			"import * as React from \"react\";",
			"",
			"interface IProps {",
			"",
			"}",
			"",
			"interface IState {",
			"",
			"}",
			"",
			"class ${TM_FILENAME_BASE} extends React.Component<IProps, IState> {",
			"\tconstructor(props: IProps) {",
			"\t\tsuper(props);",
			"\t};",
			"",
			"\trender() {",
			"\t\treturn(",
			"\t\t\t<div>",
			"\t\t\t\t<h2>${TM_FILENAME_BASE}</h2>",
			"\t\t\t</div>",
			"\t\t);",
			"\t};",
			"}",
			"",
			"export default ${TM_FILENAME_BASE};"
		]
	},
	"TypeScript React Component Simple": {
		"prefix": "tsrcs",
		"body": [
			"import * as React from \"react\";",
			"",
			"interface IProps {",
			"",
			"}",
			"",
			"class ${TM_FILENAME_BASE} extends React.Component<IProps> {",
			"\trender() {",
			"\t\treturn(",
			"\t\t\t<div>",
			"\t\t\t\t<h2>${TM_FILENAME_BASE}</h2>",
			"\t\t\t</div>",
			"\t\t);",
			"\t};",
			"}",
			"",
			"export default ${TM_FILENAME_BASE};"
		]
	},
}