feat: add the required snippets in next-javascript.json file (#46)

Author: itisaby

packages/vscode/snippets/next-javascript.json

@@ -10,7 +10,6 @@
     ],
     "description": "JavaScript: Next.js get server side props"
   },
-
   "ngsp": {
     "prefix": "ngsp",
     "body": [
@@ -45,7 +44,6 @@
     ],
     "description": "JavaScript: Next.js custom app"
   },
-
   "ncdoc": {
     "prefix": "ncdoc",
     "body": [
@@ -66,4 +64,4 @@
     ],
     "description": "JavaScript: Next.js custom document"
   }
-}
+}

packages/vscode/snippets/react-typescript.json

@@ -1,4 +1,32 @@
 {
+  "rimr": {
+    "prefix": "rimr",
+    "body": [
+      "import React from 'react';"
+    ],
+    "description": "TypeScript: import react"
+  },
+  "rimrd": {
+    "prefix": "rimrd",
+    "body": [
+      "import ReactDOM from 'react-dom';"
+    ],
+    "description": "TypeScript: import React DOM"
+  },
+  "rimrs": {
+    "prefix": "rimrs",
+    "body": [
+      "import React, { useState } from 'react';"
+    ],
+    "description": "Typescript: Import React and useState"
+  },
+  "rimrse": {
+    "prefix": "rimrse",
+    "body": [
+      "import React, { useState, useEffect} from 'react';"
+    ],
+    "description": "Typescript: Import React, useState and useEffect"
+  },
   "rfct": {
     "prefix": "rfct",
     "body": [
@@ -16,22 +44,32 @@
   },
   "ruet": {
     "prefix": "ruet",
-    "body": ["useEffect(() => {", "\t$1", "}, []);"],
+    "body": [
+      "useEffect(() => {",
+      "\t$1",
+      "}, []);"
+    ],
     "description": "TypeScript: useEffect hook"
   },
   "rust": {
     "prefix": "rust",
-    "body": ["const [${1}, set${1}] = useState(${2});"],
+    "body": [
+      "const [${1}, set${1}] = useState(${2});"
+    ],
     "description": "TypeScript: useState hook"
   },
   "ruct": {
     "prefix": "ruct",
-    "body": ["const ${1} = useContext(${2});"],
+    "body": [
+      "const ${1} = useContext(${2});"
+    ],
     "description": "TypeScript: useContext hook"
   },
   "rurt": {
     "prefix": "rurt",
-    "body": ["const ${1} = useRef(${2});"],
+    "body": [
+      "const ${1} = useRef(${2});"
+    ],
     "description": "TypeScript: useRef hook"
   }
-}
+}