VSCode で使う snippets

はじめに

VSCode に登録している snippets をメモ代わりに書き残しています。
順次アップデートしていきます。

React(TypeScript)

これらを参考にしています。

typescriptreact.json

{
	"React Functional Component": {
		"prefix": "rfc",
		"body": [
			"interface Props {",
			"\t",
			"}",
			"",
			"const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = (props) => {",
			"\treturn (",
			"\t\t<div>",
			"\t\t\t$0",
			"\t\t</div>",
			"\t)",
			"}",
			"",
			"export default ${1:${TM_FILENAME_BASE}}",
			""
		],
		"description": "Functional Component を作成"
	},
	"useState": {
		"prefix": "cus",
		"body": [
			"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);",
		],
		"description": "useState を定義"
	},
}