Performance

Understand how React works under the hood, how the hooks work, what are hooks really. Gain deeper insights into React's performance optimization techniques, including memoization, lazy loading, and concurrent rendering. Learn how to write efficient components and manage state effectively to ensure your applications run smoothly.

📄️ Class Components Vs Function Components

Class Components

📄️ What Are Hooks? 🪝

It is an optimization technique.

📄️ useEffect is Dangerous! 🧨💣

Always avoid using useEffect if you have any alternate solution.

📄️ How to think about useEffect

useDefect or useFootGun 🦶🏼🔫

📄️ Caching API Calls

If the user is frequently navigation between pages, and on every page visit if we are triggering API calls to fetch the data for the page, the user will see a loading screen every single time.

📄️ Race Conditions

Here on every keypress, we're triggering an API call.