React Snippets
Components, hooks and common patterns for React in JavaScript and TypeScript.
Type a prefix and press Tab. 26 snippets.
| Language | Prefix | What it inserts |
|---|---|---|
| JavaScript | rfc |
A function component |
| JavaScript | ust |
useState hook |
| JavaScript | ue |
useEffect hook |
| JavaScript | um |
useMemo hook |
| JavaScript | ucb |
useCallback hook |
| JavaScript | ur |
useRef hook |
| JavaScript | ured |
useReducer hook |
| JavaScript | ctx |
createContext |
| JavaScript | hook |
A custom hook |
| JavaScript | rprops |
A props type |
| JavaScript | rmap |
Render a list |
| JavaScript | rcond |
Render when true |
| JavaScript | rform |
A controlled form |
| TypeScript | rfc |
A function component |
| TypeScript | ust |
useState hook |
| TypeScript | ue |
useEffect hook |
| TypeScript | um |
useMemo hook |
| TypeScript | ucb |
useCallback hook |
| TypeScript | ur |
useRef hook |
| TypeScript | ured |
useReducer hook |
| TypeScript | ctx |
createContext |
| TypeScript | hook |
A custom hook |
| TypeScript | rprops |
A props type |
| TypeScript | rmap |
Render a list |
| TypeScript | rcond |
Render when true |
| TypeScript | rform |
A controlled form |
This extension runs no code and asks for no permissions.