useCallback for re-renders: remove most of them

👉 Advanced React Book: https://www.advanced-react.com

👉 Comprehensive guide on React re-renders (https://www.developerway.com/posts/react-re-renders-guide)
👉 How to useMemo and useCallback: you can remove most of them (https://www.developerway.com/posts/how-to-use-memo-use-callback)
👉 The mystery of React Element, children, parents and re-renders (https://www.developerway.com/posts/react-elements-children-parents)

💬 Twitter: https://twitter.com/adevnadia
💬 Linkedin: https://www.linkedin.com/in/adevnadia/

👩🏼‍💻 Example 1 & 2: https://codesandbox.io/s/example1-2-woqd0m?file=/src/App.tsx
👩🏼‍💻 Example 3: https://codesandbox.io/s/example-3-cljkmb?file=/src/App.tsx
👩🏼‍💻 Example 4: https://codesandbox.io/s/example-4-e3qgek?file=/src/App.tsx
👩🏼‍💻 Example 5: https://codesandbox.io/s/example-5-hs1r0v?file=/src/App.tsx
👩🏼‍💻 Example 5 (fixed): https://codesandbox.io/s/example-5-fixed-fzo3nf?file=/src/App.tsx

Have you ever felt that your code is buried under the incomprehensible wall of useMemo and useCallback hooks? Do we even need all of them? Can I just remove them all?

Good news: you can!

In this video: looking at the very common code patterns where useMemo, useCallback or React.memo do nothing, understanding the purpose of those hooks, and why they can be just removed.

#react #reactjs #webdevelopment #programming #frontend #frontenddeveloper #js #javascript

Видео useCallback for re-renders: remove most of them канала Developer Way