feat: add usecallback snip (#66)

* feat: add usecallback sinp

* docs: update readme

Co-authored-by: xhe <[email protected]>

Author: AmelloAster

packages/vscode/README.md

@@ -63,12 +63,18 @@
    const value = useContext(myContext);
    ```
 
-9. `rur` (useRef hook)
+9. `rucb` (useCallback hook)
 
    ```jsx
-   const refContainer = useRef(initialValue);
+   const handleCallback = useCallback(() => {}, []);
    ```
 
+10. `rur` (useRef hook)
+
+    ```jsx
+    const refContainer = useRef(initialValue);
+    ```
+
 ### TypeScript
 
 1. `rfcet` (React functional component)
@@ -103,7 +109,13 @@
    const value = useContext(myContext);
    ```
 
-5. `rurt` (useRef hook)
+5. `rucbt` (useCallback hook)
+
+   ```jsx
+   const handleCallback = useCallback(() => {}, []);
+   ```
+
+6. `rurt` (useRef hook)
 
    ```tsx
    const refContainer = useRef(initialValue);

packages/vscode/snippets/react-javascript.json

@@ -44,6 +44,15 @@
     "body": ["const ${1} = useContext(${2});"],
     "description": "JavaScript: useContext hook"
   },
+  "rucb": {
+    "prefix": "rucb",
+    "body": [
+      "const handleCallback = useCallback(() => {",
+      "\t$1",
+      "}, [${2}]);"
+    ],
+    "description": "JavaScript: useCallback hook"
+  },
   "rur": {
     "prefix": "rur",
     "body": ["const ${1} = useRef(${2});"],

packages/vscode/snippets/react-typescript.json

@@ -47,6 +47,15 @@
     "body": ["const ${1} = useContext(${2});"],
     "description": "TypeScript: useContext hook"
   },
+  "rucbt": {
+    "prefix": "rucbt",
+    "body": [
+      "const handleCallback = useCallback(() => {",
+      "\t$1",
+      "}, [${2}]);"
+    ],
+    "description": "TypeScript: useCallback hook"
+  },
   "rurt": {
     "prefix": "rurt",
     "body": ["const ${1} = useRef(${2});"],