feat: update useMemo & useCallback snippet

afiiif · Feb 21, 2023 · 1d52d32 · 1d52d32
1 parent 07ac42a
commit 1d52d32
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 16 deletions.
diff --git a/snippets/javascript.json b/snippets/javascript.json
@@ -450,8 +450,7 @@
   "🟨 useMemo": {
     "prefix": "useMemo.$useMemo",
     "body": [
-      "const ${1:memo} = useMemo$4(() => ${3:computeValue}, [$2])",
-      ""
+      "const ${1:memo} = useMemo$4(() => ${3:computeValue}, [$2])"
     ],
     "description": "React useMemo",
     "scope": "javascript,javascriptreact"
@@ -461,8 +460,7 @@
     "body": [
       "const ${1:callback} = useCallback$4(() => {",
       "\t${3:// code}",
-      "}, [$2])",
-      ""
+      "}, [$2])"
     ],
     "description": "React useCallback",
     "scope": "javascript,javascriptreact"

diff --git a/snippets/typescript.json b/snippets/typescript.json
@@ -594,8 +594,7 @@
   "🟨 useMemo": {
     "prefix": "useMemo.$useMemo",
     "body": [
-      "const ${1:memo} = useMemo$4(() => ${3:computeValue}, [$2])",
-      ""
+      "const ${1:memo} = useMemo$4(() => ${3:computeValue}, [$2])"
     ],
     "description": "React useMemo",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
@@ -605,8 +604,7 @@
     "body": [
       "const ${1:callback} = useCallback$4(() => {",
       "\t${3:// code}",
-      "}, [$2])",
-      ""
+      "}, [$2])"
     ],
     "description": "React useCallback",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
@@ -668,8 +666,7 @@
   "🟦 TS UseMemo": {
     "prefix": "useMemo.TS.$$useMemo",
     "body": [
-      "const ${1:memo} = useMemo$5<${4:any}>(() => ${3:computeValue}, [$2])",
-      ""
+      "const ${1:memo} = useMemo$5<${4:any}>(() => ${3:computeValue}, [$2])"
     ],
     "description": "React useMemo",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
@@ -679,8 +676,7 @@
     "body": [
       "const ${1:callback} = useCallback$5<() => ${4:void}>(() => {",
       "\t${3:// code}",
-      "}, [$2])",
-      ""
+      "}, [$2])"
     ],
     "description": "React useCallback",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"

diff --git a/src/snippets/react-hook-ts.ts b/src/snippets/react-hook-ts.ts
@@ -14,12 +14,16 @@ export const tsUseRef: Snippet = {
 
 export const tsUseMemo: Snippet = {
   prefix: 'useMemo',
-  body: ['useMemo$4<${3:any}>(() => ${2:computeValue}, [$1])'],
+  body: ['const ${1:memo} = useMemo$5<${4:any}>(() => ${3:computeValue}, [$2])'],
   description: 'React useMemo',
 };
 
 export const tsUseCallback: Snippet = {
   prefix: 'useCallback',
-  body: ['useCallback$4<() => ${3:void}>(() => {', '\t${2:// code}', '}, [$1])', ''],
+  body: [
+    'const ${1:callback} = useCallback$5<() => ${4:void}>(() => {',
+    '\t${3:// code}',
+    '}, [$2])',
+  ],
   description: 'React useCallback',
 };
diff --git a/src/snippets/react-hook.ts b/src/snippets/react-hook.ts
@@ -63,13 +63,13 @@ export const useLayoutEffectV2: Snippet = {
 
 export const useMemo: Snippet = {
   prefix: 'useMemo',
-  body: ['useMemo$3(() => ${2:computeValue}, [$1])'],
+  body: ['const ${1:memo} = useMemo$4(() => ${3:computeValue}, [$2])'],
   description: 'React useMemo',
 };
 
 export const useCallback: Snippet = {
   prefix: 'useCallback',
-  body: ['useCallback$3(() => {', '\t${2:// code}', '}, [$1])', ''],
+  body: ['const ${1:callback} = useCallback$4(() => {', '\t${3:// code}', '}, [$2])'],
   description: 'React useCallback',
 };