nccnm / hook-cook-book

A collection of simple solution to complex problems using React Hooks

The Hook Cook Book

Simple Patterns:

• useState with init function
• setState with function
• Toggle reusable custom hook
• Computed values with useMemo

Advanced Patterns:

• Resource fetching
• Easier controlled components
• Throttling with useCallback and useRef
• Custom hook for objects using lodash
• useReducer with action creators
• useReducer with actions
• Making setInterval declarative (Dan Abramov)

Complex UI problems:

• Virtual scroll
• Drag and Drop
• Scroll tracking with a reusable custom hook

Pitfalls:

• Stale state with useCallback

Under the hood:

• Order of effects, layout effects, and renders

---

Contribute

Submit a PR to contribute more examples. Please follow the same format