React Component Snippet for VS Code (based on filename, with prop types)

0rc.code-snippets

{
	"React Component": {
		"prefix": "0rc",
		"body": [
			"import React from 'react';",
			"",
			"interface ${TM_FILENAME_BASE}Props {",
			"  name: string;",
			"}",
			"",
			"const ${TM_FILENAME_BASE} = (props: ${TM_FILENAME_BASE}Props) => {",
			"  return (",
			"    <div>",
			"      <h1>Hello, {props.name}</h1>",
			"    </div>",
			"  );",
			"};",
			"",
			"export { ${TM_FILENAME_BASE} };"
		],
		"description": "Create a new React component"
	}
}

1rc.code-snippets

{
	"React Component Barrel": {
		"prefix": "1rc",
		"body": [
			"export { ${TM_DIRECTORY/^.+\\/(.*)$/$1/} } from './${TM_DIRECTORY/^.+\\/(.*)$/$1/}';",
		],
		"description": "Create barrel file for new React component"
	}
}