snipz.json

{
	"React component": {
		"prefix": "com",
		"body": [
			"import React, { Component } from 'react';",
			"",
			"interface Props {",
			"  $3",
			"}",
			"",
			"export class ${1} extends Component<Props> {",
			"  render() {",
			"    const {} = this.props;",
			"    ",
			"    return (",
			"      <div>",
			"        ${2:$1}",
			"      </div>",
			"    );",
			"  }",
			"}",
			""
		],
		"description": "Create a React Component with typescript."
	},

	"React component with state": {
		"prefix": "coms",
		"body": [
			"import React, { Component } from 'react';",
			"",
			"interface Props {",
			"  $3",
			"}",
			"",
			"const initialState = {",
			"  $4",
			"}",
			"",
			"export class ${1} extends Component<Props, typeof initialState> {",
			"  state = initialState;",
			"",
			"  render() {",
			"    const {} = this.props;",
			"",
			"    return (",
			"      <div>",
			"        ${2:$1}",
			"      </div>",
			"    );",
			"  }",
			"}",
			""
		],
		"description": "Create a React Component with initialState with typescript."
	},

	"Destructure this.props": {
		"prefix": "pr",
		"body": [
			"const { $1 } = this.props;"
		],
		"description": "Destructure this.props"
	},

	"Destructure this.state": {
		"prefix": "st",
		"body": [
			"const { $1 } = this.state;"
		],
		"description": "Destructure this.state"
	},
}