Most developers think React key prop exists only for .map() lists. But React uses key for something much more powerful — component identity. When userId changes, React doesn’t just update props. It completely unmounts the old component and creates a new one. That means:• local state resets• effects rerun• forms clear correctly• stale data disappears• […]
Mastering Conditional Types in TypeScript: A Deep Dive
Introduction Conditional types in TypeScript enable dynamic type inference but can be tricky when combined with function return types. In this article, we’ll tackle a complex TypeScript challenge, analyze why type errors arise, and explore function overloading as a robust solution. The Challenge: Conditional Return Types Consider the following TypeScript function: At first glance, this […]
Lazy loading with SSR in React
How would you implement a mechanism for dynamically loading components (lazy loading) in a React application considering server-side rendering (SSR)? And how would you handle situations where the component fails to load in time, for example, due to a slow connection or a server error? To implement dynamic component loading in React with server-side rendering […]
How To Connect MUI DATAGRID With Date Range filter
Probably, each react developer encountered with non effective documentation for different libraries. And spent a lot of time to achievement desired result. In this article, I will guide you through the process of adding a custom DateRange component into the MUI DataGrid, allowing users to filter by date ranges. We’ll be using the DateRange component […]
React 19: What do you need to know about new hook Use
Understanding the future of React React19 has brought new Hooks to the board to streamline the development process. Here is the breakdown of newly introduced Hooks. The new use() hook React19 will introduce a new hook called use(). This hook will simplify how we use promises, async code, and context. Here is the syntax of hook: The good news is […]