Typescript/React VS Code Snippets

react-function-tsx.code-snippets

{
	"Typescript Functional Component": {
		"prefix": "tsxComponent",
		"body": [
			"import * as React from 'react';",
			"",
			"interface ${1:Component}Props {",
			"}",
			"",
			"const ${1:Component} = ({}: ${1:Component}Props): React.ReactElement => {",
			"\treturn ();",
			"};",
			"",
			"export default ${1:Component};"
		]
	},
	"Typescript interface": {
		"prefix": "tsInt",
		"body": [
			"interface ${1:Name} {",
			"}"
		]
	},
	"React useState Hook": {
		"prefix": "stateHook",
		"body": "const [${1:sVar}, set${1:sVar}] = React.useState(${2:initial});"
	},
	"React useEffect Hook": {
		"prefix": "effectHook",
		"body": [
			"React.useEffect(() => {",
			"\t${1:body}",
			"}, [${dependencyList}]);"
		]
	}
}