Skip to content

Instantly share code, notes, and snippets.

@getanwar
Created October 6, 2020 09:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save getanwar/be4c6d879bfb5b0511f99b6bc6660410 to your computer and use it in GitHub Desktop.
Save getanwar/be4c6d879bfb5b0511f99b6bc6660410 to your computer and use it in GitHub Desktop.
My Most Used VS Code Snippets
/* REACT HOOKS */
"Hook: useCallback": {
"prefix": "ucb",
"description": "Hook: useCallback",
"body": [
"const ${1:name} = React.useCallback(($2) => {",
"\t$3",
"}, [$4]);"
]
},
"Hook: useMemo": {
"prefix": "umemo",
"description": "React Hook: useMemo",
"body": ["const ${1:name} = React.useMemo(($2) => {", "\t$3", "}, [$4]);"]
},
"Hook: useState": {
"prefix": "ust",
"description": "React Hook: useState",
"body": ["const [${1:state}, ${2:setState}] = React.useState($2);"]
},
"Hook: useEffect": {
"prefix": "ueff",
"description": "React Hook: useEffect",
"body": ["React.useEffect(() => {", "\t$1", "}, [$2]);"]
},
"Hook: useSelector": {
"prefix": "usel",
"description": "React-Redux Hook: useSelector",
"body": ["const ${1:name} = useSelector(${2:selectorFn});"]
},
"React FC": {
"prefix": "rfc",
"description": "React Functional Component",
"body": [
"import React from 'react'",
"",
"function ${TM_FILENAME_BASE}(props) {",
"\treturn (",
"\t\t$1",
"\t);",
"}",
"",
"export default ${TM_FILENAME_BASE};"
]
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment