VSCode React Snippets

typescriptreact.json

{
	"React State": {
		"prefix": "rs",
		"body": "const [$1, set${1/(.*)/${1:/capitalize}/}] = React.useState<$2>($3)",
		"description": "React state statement"
	},
	"New React File": {
		"prefix": "rf",
		"body": [
			"import React from 'react';",
			"",
			"interface Props {}",
			"",
			"const $1: React.FC<Props> = () => {",
			"  return $2",
			"};",
			"",
			"export default $1;",
			""
		]
	},
	"React useEffect": {
		"prefix": "rue",
		"body": [
			"React.useEffect(() => {",
			"  $1",
			"}",
		]
	},
	"React useEffect Async": {
		"prefix": "ruea",
		"body": [
			"React.useEffect(() => {",
			"  (async () => {",
			"    $1",
			"   })()",
			"}",
		]
	}
}