feat: add jsx loop snippet

Author: afiiif

snippets/javascript.json

@@ -1404,6 +1404,18 @@
     "description": "Create `<button />` element",
     "scope": "javascript,javascriptreact"
   },
+  "🟨 jsxLoop": {
+    "prefix": "loopJSX.$loopJSX",
+    "body": [
+      "{${1:list}.map((${2:$1Item}) => {$5",
+      "\treturn (",
+      "\t\t<${4:div} key={${2:$1Item}.${3:id}}>$0</$4>",
+      "\t)",
+      "})}"
+    ],
+    "description": "JSX mapping an array",
+    "scope": "javascript,javascriptreact"
+  },
   "🟨 yupV0Schema": {
     "prefix": "yupSchema.$yupSchema",
     "body": [

snippets/typescript.json

@@ -1720,6 +1720,18 @@
     "description": "Create `<button />` element",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
+  "🟨 jsxLoop": {
+    "prefix": "loopJSX.$loopJSX",
+    "body": [
+      "{${1:list}.map((${2:$1Item}) => {$5",
+      "\treturn (",
+      "\t\t<${4:div} key={${2:$1Item}.${3:id}}>$0</$4>",
+      "\t)",
+      "})}"
+    ],
+    "description": "JSX mapping an array",
+    "scope": "javascript,typescript,javascriptreact,typescriptreact"
+  },
   "🟨 yupV0Schema": {
     "prefix": "yupSchema.$yupSchema",
     "body": [

src/snippets/html-jsx.ts

@@ -11,3 +11,15 @@ export const jsxButton: Snippet = {
   body: ['<button type="button" onClick={${2:onClick}}$3>', '\t${1:Button}', '</button>'],
   description: 'Create `<button />` element',
 };
+
+export const jsxLoop: Snippet = {
+  prefix: 'loopJSX',
+  body: [
+    '{${1:list}.map((${2:$1Item}) => {$5',
+    '\treturn (',
+    '\t\t<${4:div} key={${2:$1Item}.${3:id}}>$0</$4>',
+    '\t)',
+    '})}',
+  ],
+  description: 'JSX mapping an array',
+};