Improving complex state updates using use-immer libraryIn React, component rerender is the expected behavior when there is a change to the stored state within / passed to it. This gets interesting when dealing with states ( objects ) where the concept of ‘change’ is not as straightforward as it might se...1GIVSep 7, 2022 · 5 min readhaybeecodes.hashnode.dev
5 utility types in Typescript and their use cases.The typescript language provides, right out-of-the-box, several utility types that facilitate type creation. These utilities make it possible to generate new type definitions from existing ones without manually typing them ( new type definitions ) ou...Aug 31, 2022 · 7 min readhaybeecodes.hashnode.dev
Taking advantage of Typescript & React.ComponentPropsWithoutRef in creating cleaner React components.N.B: This article assumes a basic knowledge of using Typescript in React. From providing intelliSense while writing code to making it easier to read your code, the improved developer experience that comes with using typescript in react cannot be do...Aug 24, 2022 · 3 min readhaybeecodes.hashnode.dev
Having objects as dependencies in React useEffect hookOverview of what useEffect hook is. The useEffect hook enables us to run side effects in functional React components. These effects can include sending an asynchronous request to a third party API, logging a value to the console, manually changing th...2MAAug 17, 2022 · 7 min readhaybeecodes.hashnode.dev