React 18 introduces a new development-only check to Strict Mode. This new check will automatically unmount and remount every component, whenever a component mounts for the first time, restoring the previous state on the second mount. The React team is paving a way for a new feature that will be…

Introduction: React 18 was released on March 8, 2022, with new updates, and improvements. The most important update is the Concurrent rendering model, It is a foundational update to React’s core rendering model, and most new features are built to take advantage of it. React 18 is just the beginning of…

Welcome :) I will be happy to hear any suggesstions about topics, the readers need help about it. you can follow me especially i am preparing list of articles about data structure & algorithm in the future, I will be happy if you share this article. Thanks

Introduction: Over the past years, I notice many junior react developers call functions directly inside event handlers like onClick, onChange, etc… Then they face some weird errors and waste their time. In this article, I will share & explain common errors when we call functions directly inside event handlers without using…

Introduction: Over the past years, Many react projects used the Redux state management library. Redux is a great tool for many react projects especially with the global state for the whole application, handle API requests in Action creators using redux-thunk or redux-saga, also Redux has other libraries associated with it like…

After months of travel restrictions and the suspension of international flights, some countries announced they will ease travel restrictions to allow for tourists’ entrance without quarantine under some terms and conditions. On the other hand, many other countries have imposed either international flight suspensions or quarantine rules for visitors. The…

Introduction: Strings are the most basic data type in every programming language. JavaScript Strings are useful for storing texts which can contain characters, numbers, and Unicode. Many programming languages are open enough to allow programmers to do things multiple ways for a similar outcome. JavaScript is also the same. Many developers…

Introduction: Since React 16.6, React team add React.memo() as an alternative to functions. Since React 16.8, React team add React Hook so they add two Hooks useMemo , useCallback. The usage of Memoization in React becomes wider and important in some situations. So In this article, we will explain Memoization and…

Introduction: Since React 16.8 has added Hooks, Many developers fall in love with React. They begin to make their application with La La Land of Hooks with capabilities that hooks give them over class-based components like sugar syntax, escape from wrapper hell, reuse stateful logic without any duplication, and escape from…