✅ Preventing Context re-renders: Context selectors

✅ Preventing Context re-renders: splitting data into chunks

✅ Preventing Context re-renders: splitting data and API

✅ Preventing Context re-renders: memoizing Provider value

Preventing re-renders caused by Context

Improving re-render performance of lists

✅ useMemo for expensive calculations

✅ Necessary useMemo/useCallback

✅ React.memo: components as props or children

✅ React.memo: component with props

Preventing re-renders with React.memo

✅ Preventing re-renders with composition: components as props

✅ Preventing re-renders with composition: children as props

✅ Preventing re-renders with composition: moving state down

There are four reasons why a component would re-render itself:

connect the phone to the computer via USB, enable USB debugging, select the "Android Bluetooth" capture source in Wireshark, and start recording!

occurs when the page is served as application/xhtml+xml