l
let statement Insert a let declaration
let name global
EXTENSION
WRITE LESS -
DO MORE +
A refined snippet pack for React, TypeScript, and JavaScript.
LOGO APP WTNKS / 2026
Prefix Action Result Focus
l=
let assignment Insert a let assignment
let name = value global
dl=
destructuring let assignment Insert a destructuring let assignment
let { name } = value global
co co=
const assignment Insert a const assignment
const name = value global
dco=
destructuring const assignment Insert a destructuring const assignment
const { name } = value global
if
if statement Insert an if statement
if (condition) {
} global
el
else statement Insert an else statement
else {
} global
ifel
if/else statement Insert an if/else statement
if (condition) {
} else {
} global
elif
else if statement Insert an else if statement
else if (condition) {
} global
ter
ternary operator Insert a ternary expression
condition ? trueValue : falseValue global
tc
try/catch Insert a try/catch block
try {
} catch (error) {
} global
tf
try/finally Insert a try/finally block
try {
} finally {
} global
tcf
try/catch/finally Insert a try/catch/finally block
try {
} catch (error) {
} finally {
} global
sw
switch case Insert a switch statement
switch (value) {
case caseValue:
break
default:
} global
arrow
arrow function assignment Insert an arrow function assignment
const name = (args) => {
} global
f
anonymous function Insert an anonymous function
function (args) {
} global
fn
named function Insert a named function
function name(args) {
} global
afb
arrow function expression Insert an arrow function expression
(args) => {
} global
afn
async function Insert an async function
async function name(args) {
} global
deso
destructure object Destructure an object
const { value } = object global
desa
destructure array Destructure an array
const [value] = array global
fe
forEach loop Insert a forEach loop
items.forEach((item) => {
}) global
map
map callback Insert a map callback
items.map((item) => {
}) global
reduce
reduce callback Insert a reduce callback
items.reduce((previous, current) => {
return previous
}, initialValue) global
filter
filter callback Insert a filter callback
items.filter((item) => {
}) global
find
find callback Insert a find callback
items.find((item) => {
}) global
r
return statement Insert a return statement
return value global
exd
export default Insert an export default statement
export default value global
imp
import named module Insert a named import
import { moduleName } from 'module' global
imd
import default module Insert a default import
import moduleName from 'module' global
imr
import react Insert a React import
import React from 'react' global
imcss impcss
import css Insert a CSS import
import './styles.css' global
imcssmd impcssmd
import css module Insert a CSS module import
import styles from './styles.module.css' global
cl
console.log Insert a console.log call
console.log(value) global
ce
console.error Insert a console.error call
console.error(error) global
cw
console.warn Insert a console.warn call
console.warn(value) global
ct
console.table Insert a console.table call
console.table(value) global
st
setTimeout Insert a setTimeout call
setTimeout(() => {
}, delay) global
si
setInterval Insert a setInterval call
setInterval(() => {
}, delay) global
sim
setImmediate Insert a setImmediate call
setImmediate(() => {
}) global
imt impt
import prop-types Insert a PropTypes import
import PropTypes from 'prop-types' react
lazy
lazy import Insert a lazy import
const Component = lazy(() => import('./Component')) react
rf rfc
react function component export Insert a named function component export
export function Componente react
rfd rfcd
react function component default export Insert a default exported function component
function Componente react
ra rafc
react arrow component export Insert a named arrow component export
export const Componente react
rad rafcd
react arrow component default export Insert a default exported arrow component
const Componente react
tsrf tsfc
react typed function component export Insert a typed function component export
interface Props {
}
export function Componente react
tsrfd tsfcd
react typed function component default export Insert a typed function component default export
interface Props {
}
function Componente react
tsra tsafc
react typed arrow component export Insert a typed arrow component export
interface Props {
}
export const Componente react
tsrad tsafcd
react typed arrow component default export Insert a typed arrow component default export
interface Props {
}
const Componente react
us useState
useState Insert a useState declaration
const [state, set] = useState(initialState) react
usl useStateLazy
useState lazy initializer Insert a useState lazy initializer
const [state, set] = useState(() => initialState) react
ured useReducer
useReducer Insert a useReducer declaration
const [state, dispatch] = useReducer(reducer, initialState) react
ue useEffect
useEffect Insert a useEffect block
useEffect(() => {
}, []) react
ule useLayoutEffect
useLayoutEffect Insert a useLayoutEffect block
useLayoutEffect(() => {
}, []) react
ucx useContext
useContext Insert a useContext declaration
const context = useContext(Context) react
uc useCallback
useCallback Insert a useCallback declaration
const memoizedCallback = useCallback(() => {
}, []) react
um useMemo
useMemo Insert a useMemo declaration
const memoizedValue = useMemo(() => {
return value
}, []) react
uref useRef
useRef Insert a useRef declaration
const ref = useRef(null) react
uid useId
useId Insert a useId declaration
const id = useId() react
utr useTransition
useTransition Insert a useTransition declaration
const [isPending, startTransition] = useTransition() react
udv useDeferredValue
useDeferredValue Insert a useDeferredValue declaration
const deferred = useDeferredValue(value) react
uee useEffectEvent
useEffectEvent Insert a useEffectEvent declaration
const handleEvent = useEffectEvent((event) => {
}) react
tst
type declaration Insert a type declaration
type Name = {
} ts
tsi
interface declaration Insert an interface declaration
interface Name {
} ts
tsen
enum declaration Insert an enum declaration
enum Name {
} ts
tsu
union type declaration Insert a union type declaration
type Name = TypeA | TypeB ts
tsrec
record type declaration Insert a Record type declaration
type Name = Record<string, unknown> ts
No snippets in this focus yet.