Snippets for React Hooks

snippets.json

{
	"React Functional Component": {
		"prefix": "rfc",
		"body": [
			"import React from \"react\";",
			"",
			"const $TM_FILENAME_BASE = () => {",
			"",
			"\treturn (",
			"\t\t${2:}",
			"\t)",
			"}",
			"",
			"export { $TM_FILENAME_BASE }"
		],
		"description": "React Functional Component"
	},
	"useState Hook": {
		"prefix": "ush",
		"body": [
			"const [${1}, set${1/(.*)/${1:/capitalize}/}] = useState($2);$0"
		],
		"description": "useState Hook"
	},
	"useEffect Hook": {
		"prefix": "ueh",
		"body": [
			"useEffect(() => {",
				"\t$1",
				// "\n\treturn cleanUp = () => {",
				// 	"\t\t$2",
				// "\t}",
			"}, [${3}]);$0"
		],
		"description": "useEffect Hook"
	},
	"useLayoutEffect Hook": {
		"prefix": "uleh",
		"body": [
			"useLayoutEffect(() => {",
				"\t$1",
				// "\n\treturn cleanUp = () => {",
				// 	"\t\t$2",
				// "\t}",
			"}, [${3}]);$0"
		],
		"description": "useLayoutEffect Hook"
	}
}