update

UltiSnips/javascript.snippets

@@ -74,75 +74,50 @@ const $1 = document.querySelectorAll($0);
 endsnippet
 
 snippet jsx "import React ..."
-import React from "react";
+import * as React from "react";${1:
+import { css } from "@emotion/react";}
 
-class $1 extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-		}
-	}
+const `!p snip.rv = snip.basename` = ($2) => {
+  return (
+    <div>$0
+    </div>
+  );
+};
 
-	render() {
-		return (
-			<${2:div} className={this.props.className}>
-				$0
-			</$2>
-		);
-	}
-}
-
-export default () => (
-	<S.$1}></S.$1>
-);
+export default `!p snip.rv = snip.basename`;
 endsnippet
 
-snippet jsxs "import React ... styled"
-import React from "react";
-import styled from "styled-components";
 
-const S = {};
+snippet isi "import { StaticImage } ..."
+import { StaticImage } from "gatsby-plugin-image";
+endsnippet
 
-class $1 extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-		}
-	}
+snippet simg "<StaticImage ... />"
+<StaticImage src="$1" alt="$2" />$0
+endsnippet
 
-	render() {
-		return (
-			<${2:div} className={this.props.className}>
-				$0
-			</$2>
-		);
-	}
-}
-
-S.$1 = styled($1)\`
+snippet st. "styled."
+const $1 = styled.${2:div}\`
+	$0
 \`;
-
-export default () => (
-	<S.$1}></S.$1>
-);
 endsnippet
 
-snippet jsc "class ... extends React.Component"
-class $1 extends React.Component \{
-${2:	constructor(props) \{
-		super(props);
-		this.state = \{
-		\}
-	\}}
+snippet icss "import ... from ..."
+import \{ css \} from "@emotion/react";
+endsnippet
 
-	render() \{
-		return (
-			<${3:div}${4: className=\{this.props.className\}}>
-				$0
-			</$3>
-		);
-	}
-}
+snippet ccs "const ..Css=css``"
+const $1Css = css\`
+	$0
+\`;
+endsnippet
+
+snippet cse "css={css``}"
+css={css\`$0\`}
+endsnippet
+
+snippet css "css={..Css}"
+css={$0Css}
 endsnippet
 
 snippet th "this.handle..."
@@ -206,7 +181,3 @@ endsnippet
 snippet imp "import ... from ..."
 import $1 from "${2:.}/$1";
 endsnippet
-
-snippet impcss "import ... from ..."
-import \{ css \} from "@emotion/react";
-endsnippet