Commit a20bab9

committed

Adds other hook snippets

1 parent 5fd29db commit a20bab9Copy full SHA for a20bab9

File tree

+57

-2

lines changed

+57

-2

lines changed

Lines changed: 8 additions & 1 deletion

Original file line number	Diff line number	Diff line change
@@ -123,4 +123,11 @@ Check out [`UltiSnips/javascript.snippets`](UltiSnips/javascript.snippets) to se
`123`	`123`
`124`	`124`	`\| Trigger \| Content \|`
`125`	`125`	`\| -------: \| ------- \|`
`126`		-\| `us.s` \| `const [var, setvar] = useState(''); \|
	`126`	+\| `us.s` \| `const [state, setState] = useState('');` \|
	`127`	+\| `us.e` \| `useEffect(() => { });` \|
	`128`	+\| `us.er` \| `useEffect(() => { return () => {}; });` \|
	`129`	+\| `us.er` \| `useEffect(() => { return () => {}; });` \|
	`130`	+\| `us.c` \| `const context = useContext(ctx);` \|
	`131`	+\| `us.r` \| `const [store, dispatch] = useReducer(storeReducer, initialState);` \|
	`132`	+\| `us.cb` \| `useCallback(() => { }, []);` \|
	`133`	+\| `us.m` \| `const memo = useMemo(() => { }, []);` \|

Lines changed: 49 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -266,5 +266,53 @@ isRequired,`
`266`	`266`	`endsnippet`
`267`	`267`
`268`	`268`	`snippet us.s "useState" w`
`269`		`-const [1ドル, use${1/\w+\s*/\u$0/g}] = useState(${3:''});`
	`269`	`+const [1ドル, use${1/\w+\s*/\u$0/g}] = useState(${3:''})${0:;}`
	`270`	`+endsnippet`
	`271`	`+`
	`272`	`+snippet us.e "useEffect" w`
	`273`	`+useEffect(() => {`
	`274`	`+ 1ドル`
	`275`	`+})${0:;}`
	`276`	`+endsnippet`
	`277`	`+`
	`278`	`+snippet us.er "useEffect with return" w`
	`279`	`+useEffect(() => {`
	`280`	`+ 1ドル`
	`281`	`+ return () => {`
	`282`	`+ 2ドル`
	`283`	`+ };`
	`284`	`+})${0:;}`
	`285`	`+endsnippet`
	`286`	`+`
	`287`	`+snippet us.c "useContext" w`
	`288`	`+const 1ドル = useContext(2ドル)${0:;}`
	`289`	`+endsnippet`
	`290`	`+`
	`291`	`+snippet us.r "useReducer" w`
	`292`	`+const [1ドル, dispatch] = useReducer(1ドルReducer, ${2:${VISUAL:initialState}})`
	`293`	`+const 1ドルReducer = (state, action) => {`
	`294`	`+ switch (action.type) {`
	`295`	`+ default:`
	`296`	`+ return state;`
	`297`	`+ }`
	`298`	`+}${0:;}`
	`299`	`+endsnippet`
	`300`	`+`
	`301`	`+snippet us.cb "useCallback" w`
	`302`	`+useCallback(`
	`303`	`+ () => {`
	`304`	`+ 1ドル`
	`305`	`+ },`
	`306`	`+ [2ドル],`
	`307`	`+)${0:;}`
	`308`	`+endsnippet`
	`309`	`+`
	`310`	`+snippet us.m "useMemo" w`
	`311`	`+const 1ドル = useMemo(() => {`
	`312`	`+ 2ドル`
	`313`	`+}, [3ドル])${0:;}`
	`314`	`+endsnippet`
	`315`	`+`
	`316`	`+snippet us.rf "useRef" w`
	`317`	`+const 1ドル = useRef(2ドル)${0:;}`
`270`	`318`	`endsnippet`

Comments

(0)