React Cheatsheet
NewQuick reference for React hooks, components, props, context, and performance patterns.
Frequently Asked Questions
Does this React cheatsheet include the cleanup pattern for useEffect?
Yes. There is a dedicated Effect cleanup entry, and the Hooks section also includes useEffect, useRef, useMemo, useCallback, useReducer, useContext, and a custom hook example.
Can I compare quick hook signatures with fuller snippets?
Yes. The toggle swaps terse cues like `useState(initial)` for fuller snippets such as `const [count, setCount] = useState(0);`, which is handy when you know the hook but want the exact pattern.
Does it cover Context and performance hooks, or mostly JSX basics?
It covers both. Alongside Components & JSX, you also get Context API entries plus performance-oriented cards for `memo`, `lazy`, `Suspense`, `useTransition`, and `useDeferredValue`.
Will this tell me why my component keeps rerendering?
No, it is not a debugger. The page is a searchable reference with examples, so it can remind you of patterns like stable keys or memoization, but it does not inspect your app state or render tree.
Can I find controlled form patterns and list key examples without scrolling through everything?
Yes. Search runs across titles, syntax, descriptions, and examples, and there are dedicated tabs for Forms plus Lists & Keys, so searching for `checkbox`, `textarea`, or `key` works well.