Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.
React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what re-renders are, what triggers them, most important re-renders related patterns and antipatterns to remember.
Looking into what is React Element, exploring various children vs parents relationship in React, and how they affect re-renders
What is the purpose of useMemo and useCallback hooks, mistakes and best practices in using them, and why removing most of them might be a good idea.
Looking into how React "key" attribute works, how to use it correctly, how to improve performance of lists with it, and why array index as key is a good idea sometimes
Exploring performance implications of custom React hooks and how not to shoot yourself in the foot when writing or using them.
Looking into patterns that lead to poor performance of React apps, why they are bad, and how to recognise and avoid them.