Vs code snippets

typescriptreact.json

{
	"rc": {
		"prefix": "rc",
		"body": [
			"import React from 'react'",
			"",
			"interface ${1:${TM_FILENAME_BASE/((^[a-z])|[-,_]([a-z]))/${2:/upcase}${3:/upcase}/g}}Props {",
			"  $3",
			"}",
			"",
			"export default function $1(props: $1Props) {",
			"  return $2",
			"}",
		],
		"description": "React component"
	},

	"rcc": {
		"prefix": "rcc",
		"body": [
			"import React ${4} from 'react'",
			"",
			"interface ${1:${TM_FILENAME_BASE/((^[a-z])|[-,_]([a-z]))/${2:/upcase}${3:/upcase}/g}}Props {",
			"  children: React.ReactNode",
			"  $3",
			"}",
			"",
			"export default function $1({ children }: $1Props) {",
			"  return <>$2{children}</>",
			"}",
		],
		"description": "React component"
	}
}