React

React 18 useInsertionEffect Hook

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 Video onResize Event

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

React 18 Allows Rendering 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.

React Code-Splitting for Performance

Code-splitting helps divide large code bundles into smaller ones, which can then be loaded on demand.

Virtualization for Large Dropdowns

Super large lists can slow down the site's performance significantly, at times even freeze the application.

Google Analytics in React Apps

Step-by-step guide on setting up and adding Google Analytics to React application.

React State management - Part 2

Learn some of the inherent ways of managing state without using any external state management tool.

Making React Apps Accessible: Best Tips

Making web applications accessible to all the users is an important aspect to be considered while developing.

React 18 Suspense SSR Architecture

React 18's new SSR combines streaming server-side rendering with Selective Hydration for better performance.

React 18 useDeferredValue Hook

The useDeferredValue hook allows us to mark some tasks as less important, making the app feel more responsive, thereby improving the user experience.