diff --git a/snippets/js-mode/ednl b/snippets/js-mode/ednl
new file mode 100644
index 0000000..516fc45
--- /dev/null
+++ b/snippets/js-mode/ednl
@@ -0,0 +1,5 @@
+# -*- mode: snippet -*-
+# name: eslint next line
+# key: ednl
+# --
+eslint-disable-next-line
\ No newline at end of file
diff --git a/snippets/js-mode/pi b/snippets/js-mode/pi
new file mode 100644
index 0000000..8d1799b
--- /dev/null
+++ b/snippets/js-mode/pi
@@ -0,0 +1,5 @@
+# -*- mode: snippet -*-
+# name: prettier ignore comment
+# key: pi
+# --
+prettier-ignore
\ No newline at end of file
diff --git a/snippets/js-mode/pioi b/snippets/js-mode/pioi
new file mode 100644
index 0000000..6254f4e
--- /dev/null
+++ b/snippets/js-mode/pioi
@@ -0,0 +1,5 @@
+# -*- mode: snippet -*-
+# name: prettier ignore import
+# key: pioi
+# --
+// organize-imports-ignore
\ No newline at end of file
diff --git a/snippets/js-mode/rfj b/snippets/js-mode/rfj
new file mode 100644
index 0000000..60c33bc
--- /dev/null
+++ b/snippets/js-mode/rfj
@@ -0,0 +1,11 @@
+# -*- mode: snippet -*-
+# name: react function component template in javascript
+# key: rfj
+# --
+const $1 = (${2:props}) => {
+  return (
+    $0
+  );
+};
+
+export default $1;
diff --git a/snippets/js-mode/rft b/snippets/js-mode/rft
new file mode 100644
index 0000000..2b48f74
--- /dev/null
+++ b/snippets/js-mode/rft
@@ -0,0 +1,13 @@
+# -*- mode: snippet -*-
+# name: react function component template in typescript
+# key: rft
+# --
+import { FC } from 'react';
+
+const $1: FC = (${2:props}) => {
+  return (
+    $0
+  );
+};
+
+export default $1;
diff --git a/snippets/js-mode/rtc b/snippets/js-mode/rtc
new file mode 100644
index 0000000..dcb4b95
--- /dev/null
+++ b/snippets/js-mode/rtc
@@ -0,0 +1,20 @@
+# -*- mode: snippet -*-
+# name: react class component template
+# key: rtc
+# --
+import { Component } from 'react';
+
+class $1 extends Component {
+  constructor(props) {
+    super(props);
+    $2
+  }
+
+  render() {
+    return (
+      $0
+    );
+  }
+}
+
+export default $1;
diff --git a/snippets/js-ts-mode/.yas-parents b/snippets/js-ts-mode/.yas-parents
new file mode 100644
index 0000000..27dab30
--- /dev/null
+++ b/snippets/js-ts-mode/.yas-parents
@@ -0,0 +1 @@
+js-mode
diff --git a/snippets/org-mode/hugo b/snippets/org-mode/hugo
new file mode 100644
index 0000000..8e2444e
--- /dev/null
+++ b/snippets/org-mode/hugo
@@ -0,0 +1,10 @@
+# -*- mode: snippet -*-
+# name: hugo
+# key: hh
+# --
+#+hugo_base_dir: $1
+#+hugo_section: ${2:post}
+#+hugo_auto_set_lastmod: t
+#+author:
+#+hugo_custom_front_matter: :author $3
+$0
\ No newline at end of file
diff --git a/snippets/ts-mode/.yas-parents b/snippets/ts-mode/.yas-parents
new file mode 100644
index 0000000..27dab30
--- /dev/null
+++ b/snippets/ts-mode/.yas-parents
@@ -0,0 +1 @@
+js-mode
diff --git a/snippets/web-mode/.yas-parents b/snippets/web-mode/.yas-parents
new file mode 100644
index 0000000..27dab30
--- /dev/null
+++ b/snippets/web-mode/.yas-parents
@@ -0,0 +1 @@
+js-mode