Merge pull request #20 from sei40kr/react-snippets

Add +web-react-mode snippets

Author: Henrik Lissner

+web-react-mode/component

@@ -0,0 +1,12 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: React component
+# key: component
+# --
+import { Component } from 'react';
+
+const ${1:`(f-base buffer-file-name)`} = (props) => (
+  $0
+);
+
+export default $1;

+web-react-mode/component-class

@@ -0,0 +1,16 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: React component class
+# key: component-class
+# --
+import { Component } from 'react';
+
+class ${1:`(f-base buffer-file-name)`} extends Component {
+  render() {
+    return (
+      $0
+    );
+  }
+}
+
+export default $1;

+web-react-mode/componentDidMount

@@ -0,0 +1,8 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: componentDidMount
+# key: componentDidMount
+# --
+componentDidMount() {
+  $0
+}

+web-react-mode/componentDidUpdate

@@ -0,0 +1,8 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: componentDidUpdate
+# key: componentDidUpdate
+# --
+componentDidUpdate() {
+  $0
+}

+web-react-mode/componentWillUnmount

@@ -0,0 +1,8 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: componentWillUnmount
+# key: componentWillUnmount
+# --
+componentWillUnmount() {
+  $0
+}

+web-react-mode/createClass

@@ -0,0 +1,9 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: getDerivedStateFromProps
+# key: getDerivedStateFromProps
+# --
+static getDerivedStateFromProps(nextProps, prevState) {
+  $0
+  return null;
+}

+web-react-mode/getDerivedStateFromProps

@@ -0,0 +1,9 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: getSnapshotBeforeUpdate
+# key: getSnapshotBeforeUpdate
+# --
+static getSnapshotBeforeUpdate(prevProps, prevState) {
+  $0
+  return null;
+}

+web-react-mode/getSnapshotBeforeUpdate

@@ -0,0 +1,8 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: shouldComponentUpdate
+# key: shouldComponentUpdate
+# --
+shouldComponentUpdate(nextProps, nextState) {
+  $0
+}

+web-react-mode/shouldComponentUpdate

@@ -0,0 +1,8 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju <[email protected]>
+# name: useEffect
+# key: useEffect
+# --
+useEffect(() => {
+  $0
+});