nvim/UltiSnips/javascript.snippets

184 lines
3.1 KiB
Plaintext
Raw Normal View History

2020-03-19 15:47:31 +00:00
snippet todo "// TODO"
// TODO $0
endsnippet
2021-12-12 19:02:16 +00:00
snippet fn "function .."
function $1($2) {
$0
}
endsnippet
2020-03-19 15:47:31 +00:00
snippet if "if ( ... ) { ... }"
if ($1) {
2020-04-25 20:55:30 +00:00
$0
2020-03-19 15:47:31 +00:00
}
endsnippet
snippet cl "console.log( ... )"
2020-04-26 11:47:16 +00:00
console.log($0);
2020-03-19 15:47:31 +00:00
endsnippet
2021-11-05 09:40:50 +00:00
snippet cw "console.warn( ... )"
console.warn($0);
endsnippet
snippet f "for (...)"
for (let index=0; index < $1; index += 1) {
$0
}
endsnippet
snippet fr "for (...)"
for (let index=${1:0}; index ${2:<} $3; index ${4:+=} ${5:1}) {
$0
}
endsnippet
2021-10-22 19:26:40 +00:00
snippet .fe "...forEach( ... );" i
.forEach(($1) => {
2020-04-25 20:55:30 +00:00
$0
2021-10-22 19:26:40 +00:00
});
2020-03-19 15:47:31 +00:00
endsnippet
2022-05-03 08:22:23 +00:00
snippet wae "window.addEventListener( ... );"
window.addEventListener('$1', ($2) => {
$0
});
endsnippet
2021-11-21 12:18:12 +00:00
snippet .ael "...addEventListener( ... );" i
2021-10-22 19:26:40 +00:00
.addEventListener('$1', ($2) => {
2020-04-25 20:55:30 +00:00
$0
2021-10-22 19:26:40 +00:00
});
2020-03-19 15:47:31 +00:00
endsnippet
snippet st "setTimeout( ... )"
setTimeout(() => {$0
}, ${1:1000});
endsnippet
2021-10-22 19:26:40 +00:00
snippet dq "document.querySelector( ... )"
document.querySelector($0)
endsnippet
snippet dqa "document.querySelectorAll( ... )"
document.querySelectorAll($0)
endsnippet
snippet cdq "const ... = document.querySelector( ... )"
const $1 = document.querySelector($0);
endsnippet
snippet cdqa "const ... = document.querySelectorAll( ... )"
const $1 = document.querySelectorAll($0);
endsnippet
2020-03-19 15:47:31 +00:00
snippet jsx "import React ..."
2022-09-20 17:46:49 +00:00
import * as React from "react";${1:
import { css } from "@emotion/react";}
const `!p snip.rv = snip.basename` = ($2) => {
return (
<div>$0
</div>
);
};
2020-03-19 15:47:31 +00:00
2022-09-20 17:46:49 +00:00
export default `!p snip.rv = snip.basename`;
2020-03-19 15:47:31 +00:00
endsnippet
2022-09-20 17:46:49 +00:00
snippet isi "import { StaticImage } ..."
import { StaticImage } from "gatsby-plugin-image";
endsnippet
2020-04-25 20:55:30 +00:00
2022-09-20 17:46:49 +00:00
snippet simg "<StaticImage ... />"
<StaticImage src="$1" alt="$2" />$0
endsnippet
2020-04-25 20:55:30 +00:00
2022-09-20 17:46:49 +00:00
snippet st. "styled."
const $1 = styled.${2:div}\`
$0
\`;
endsnippet
2020-04-25 20:55:30 +00:00
2022-09-20 17:46:49 +00:00
snippet icss "import ... from ..."
import \{ css \} from "@emotion/react";
endsnippet
snippet ccs "const ..Css=css``"
const $1Css = css\`
$0
2020-04-25 20:55:30 +00:00
\`;
2022-09-20 17:46:49 +00:00
endsnippet
2020-03-19 15:47:31 +00:00
2022-09-20 17:46:49 +00:00
snippet cse "css={css``}"
css={css\`$0\`}
endsnippet
snippet css "css={..Css}"
css={$0Css}
2020-03-19 15:47:31 +00:00
endsnippet
2020-04-25 20:55:30 +00:00
2020-04-27 10:54:42 +00:00
snippet th "this.handle..."
this.handle${1:Click} = this.handle$1.bind(this);
endsnippet
2020-04-29 13:55:37 +00:00
snippet tb "this ... = ... .bind(this);"
this.$1 = this.$1.bind(this);
endsnippet
2020-05-10 15:28:18 +00:00
snippet wprb
import { registerBlockType } from '@wordpress/blocks';
const blockStyle = {
color: red,
backgroundColor: pink,
};
registerBlockType( '${1:namespace}/${2:block-name}', {
title: '$3',
icon: '${4:universal-access-alt}',
category: '${5:layout}',
example: {},
2020-05-10 21:23:19 +00:00
edit( { className } ) {
return <div className={ className }>Hello World, step 1 (from the editor).</div>;
2020-05-10 15:28:18 +00:00
},
save() {
return <div style={ blockStyle }>Hello World, step 1 (from the frontend).</div>;
},
} );
endsnippet
2022-01-22 12:25:06 +00:00
snippet rtw "React + twin.macro"
import * as React from "react"
import 'twin.macro'
const `!p snip.rv = snip.basename` = ({ children }) => {
return (
<$1 tw="$0">
{children}
</$1>
)
}
export default `!p snip.rv = snip.basename`
endsnippet
2022-05-03 08:22:23 +00:00
snippet ue "useEffect(() => {"
useEffect(() => {
$0
}, ${1:[]});
endsnippet
snippet ule "useLayoutEffect(() => {"
useLayoutEffect(() => {
$0
}, ${1:[]});
endsnippet
snippet imp "import ... from ..."
import $1 from "${2:.}/$1";
endsnippet