initialize React and Next.js Snippets

Author: avneesh0612

.gitattributes

@@ -0,0 +1,3 @@
+# Set default behavior to automatically normalize line endings.
+* text=auto
+

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+*.vsix

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Extension",
+      "type": "extensionHost",
+      "request": "launch",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}"]
+    }
+  ]
+}

.vscodeignore

@@ -0,0 +1,4 @@
+.vscode/**
+.vscode-test/**
+.gitignore
+vsc-extension-quickstart.md

CHANGELOG.md

@@ -0,0 +1,9 @@
+# Change Log
+
+All notable changes to the "Next.js and React Snippets" extension will be documented in this file.
+
+Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
+
+## 0.0.1
+
+- Initial release of Next.js and React Snippets

README.md

@@ -0,0 +1,65 @@
+# Next.js and React Snippets README
+
+This is the README for your extension "Next.js and React Snippets". After writing up a brief description, we recommend including the following sections.
+
+## Features
+
+Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.
+
+For example if there is an image subfolder under your extension project workspace:
+
+\!\[feature X\]\(images/feature-x.png\)
+
+> Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.
+
+## Requirements
+
+If you have any requirements or dependencies, add a section describing those and how to install and configure them.
+
+## Extension Settings
+
+Include if your extension adds any VS Code settings through the `contributes.configuration` extension point.
+
+For example:
+
+This extension contributes the following settings:
+
+- `myExtension.enable`: enable/disable this extension
+- `myExtension.thing`: set to `blah` to do something
+
+## Known Issues
+
+Calling out known issues can help limit users opening duplicate issues against your extension.
+
+## Release Notes
+
+Users appreciate release notes as you update your extension.
+
+### 1.0.0
+
+Initial release of ...
+
+### 1.0.1
+
+Fixed issue #.
+
+### 1.1.0
+
+Added features X, Y, and Z.
+
+---
+
+## Working with Markdown
+
+**Note:** You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:
+
+- Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux)
+- Toggle preview (`Shift+CMD+V` on macOS or `Shift+Ctrl+V` on Windows and Linux)
+- Press `Ctrl+Space` (Windows, Linux) or `Cmd+Space` (macOS) to see a list of Markdown snippets
+
+### For more information
+
+- [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
+- [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)
+
+**Enjoy!**

abc.tsx

@@ -0,0 +1,36 @@
+{
+  "name": "nextreactsnippets",
+  "displayName": "Next.js and React Snippets",
+  "description": "This is an extension for Next.js and React Snippets with ts support as well!",
+  "version": "0.0.1",
+  "engines": {
+    "vscode": "^1.64.0"
+  },
+  "scripts": {
+    "format": "prettier --write \"{components,code}/**/*.{js,jsx,ts,tsx}\"",
+    "format:check": "prettier --check \"{components,code}/**/*.{js,jsx,ts,tsx}\""
+  },
+  "categories": [
+    "Snippets"
+  ],
+  "contributes": {
+    "snippets": [
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/react-typescript.code-snippets"
+      },
+      {
+        "language": "javascriptreact",
+        "path": "./snippets/react-javascript.code-snippets"
+      },
+      {
+        "language": "typescriptreact",
+        "path": "./snippets/next-typescript.code-snippets"
+      },
+      {
+        "language": "javascriptreact",
+        "path": "./snippets/next-javascript.code-snippets"
+      }
+    ]
+  }
+}

package.json

@@ -0,0 +1,26 @@
+{
+  "ssr": {
+    "prefix": "nextssr",
+    "body": [
+      "export const getServerSideProps = async context => {",
+      "  return {",
+      "    props: {},",
+      "  };",
+      "};",
+      ""
+    ],
+    "description": "Get Server Side Props Next.js"
+  },
+  "ssg": {
+    "prefix": "nextssg",
+    "body": [
+      "export const getStaticProps = async context => {",
+      "  return {",
+      "    props: {},",
+      "  };",
+      "};",
+      ""
+    ],
+    "description": "Get Static Props Next.js"
+  }
+}

snippets/next-javascript.code-snippets

@@ -0,0 +1,26 @@
+{
+  "ssrt": {
+    "prefix": "nextssrt",
+    "body": [
+      "export const getServerSideProps: GetServerSideProps = async context => {",
+      "  return {",
+      "    props: {},",
+      "  };",
+      "};",
+      ""
+    ],
+    "description": "Get Server Side Props Next.js"
+  },
+  "ssgt": {
+    "prefix": "nextssgt",
+    "body": [
+      "export const getStaticProps: getStaticProps = async context => {",
+      "  return {",
+      "    props: {},",
+      "  };",
+      "};",
+      ""
+    ],
+    "description": "Get Static Props Next.js"
+  }
+}