React

Choosing between useReducer and useState in React

There is a lot of confusion while choosing the state management methods. One of them is 'When to use useReducer versus useState?'. In this blog, we will discuss the points to help select between 'useState' and 'useReducer'.

When to extract code to React custom hooks?

React custom hooks help us to build reusable logic, and make the code more readable. In this blog, we will talk about when and when not to use react custom hooks.

When to use the two hooks - useCallback and useMemo?

useCallback hook and useMemo hook are used for performance improvising, where useCallback hook returns memoized function and useMemo returns memoized value.

Understanding the difference between React useEffect and useLayoutEffect hooks

useEffect hook and useLayoutEffect hook differ in the timing of their invocation. useEffect hook runs asynchronously after the DOM has been painted whereas useLayoutEffect runs synchronously after all DOM mutations.

React custom infinite scroll with pagination

React custom infinite scroll with pagination helps developers to improve performance of the website.

Know about the useInsertionEffect hook in React 18

The useInsertionEffect hook in React 18 is mostly for CSS-in-JS libraries for inserting global DOM nodes like 'style' or SVG 'defs' in the document.

React 18 adds onResize event to video elements

Before React 18, onResize handlers were ignored on video elements. React 18 now adds support for the onResize media event.

React 18 allows components to render 'undefined'

Before React 18, if we did not want to render anything, we had to return 'null' or an empty fragment. React now allows undefined to be rendered.

Optimize large React app performance by code-splitting

Code-splitting helps divide large code bundles into smaller ones, which can then be loaded on demand. It helps in reducing the initial load time of the application.

Improve the performance of dropdown containing large data using Virtualization

Super large lists can slow down the site's performance significantly, at times even freeze the application. In such situations windowing (or virtualization) comes to the rescue.