Snippets

snippets.json

{
	"typescriptFunctionalComponent": {
		"prefix": "rfc",
		"body": [
			"import React from 'react';",
			"",
			"// import { Container } from './styles';",
			"",
			"interface Props {",
			"",
			"}",
			"",
			"const ${1:${TM_DIRECTORY/^.*(\\/|\\\\)([^(\\/|\\\\)]+)$/$2/}} = (props: Props): JSX.Element => {",
			"  return (",
			"    <div>",
			"      <h1>${1:${TM_DIRECTORY/^.*(\\/|\\\\)([^(\\/|\\\\)]+)$/$2/}}</h1>",
			"    </div>",
			"  );",
			"};",
			"",
			"export default ${1:${TM_DIRECTORY/^.*(\\/|\\\\)([^(\\/|\\\\)]+)$/$2/}};",
			"",
		],
		"description": "Create ReactJS Functional Component with Typescript"
	}
}