⌘
CheatSheet
Library
New Sheet
Import
Export
Edit — React Hooks
Title *
Icon
Category
Description
↑
↓
✕
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
const [data, setData] = useState(() => expensiveInit());
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
useEffect(() => { const ctrl = new AbortController(); fetch('/api/items', { signal: ctrl.signal }) .then((r) => r.json()) .then(setItems); return () => ctrl.abort(); }, []);
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
const total = items.reduce((n, i) => n + i.price, 0);
+ item
↑
↓
✕
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
const [state, formAction, pending] = useActionState( async (prev, formData) => save(formData), null, );
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
<Dialog ref={dialogRef} />
auto-detect
bash
typescript
tsx
javascript
python
sql
json
yaml
docker
css
html
text
↑
↓
✕
const [optimistic, addOptimistic] = useOptimistic(items, (cur, item) => [...cur, item]);
+ item
+ section
Save changes
Cancel