Visual Studio Code snippets for React using TypeScript

typescriptreact.json

{
	"Import React": {
		"prefix": "impr",
		"body": [
			"import * as React from 'react';",
			"$0"
		]
	},
	"Import ReactDOM": {
		"prefix": "imprd",
		"body": [
			"import * as ReactDOM from 'react-dom';",
			"$0"
		]
	},
	"Import classNames": {
		"prefix": "impcn",
		"body": [
			"import * as classNames from 'classnames';",
			"$0"
		]
	},
	"React Pure Functional Component": {
		"prefix": "rsfc",
		"body": [
			"interface ${1:name}Props {",
			"}",
			"",
			"const ${1:name}: React.SFC<${1:name}Props> = (props) => <div />$0;",
			"",
			"export default ${1:name};",
			""
		],
		"description": "Create a React stateless functional component."
	},
	"React Class Component": {
		"prefix": "rcc",
		"body": [
			"interface ${1:name}Props {",
			"}",
			"",
			"class ${1:name} extends React.Component<${1:name}Props, null> {",
			"\trender() {",
			"\t\treturn <div/>$0;",
			"\t}",
			"}",
			"",
			"export default ${1:name};",
			""
		],
		"description": "Create a React component class."
	}
}