Raja Muhammad Asher
Series

React

In this Series, I will share my knowledge while learning more about React

Articles in this series

Add Calendly to Nextjs 13

Mar 2, 20241 min read

There is a plugin available for reactjs that one can use to add Calendly to Nextjs i.e., react-calendly. The problem is if you want to customize the...

Add Calendly to Nextjs 13

Add responsive video to Nextjs using Bootstrap5

Feb 17, 20241 min read

<div className="ratio ratio-16x9"> <video width="900" height="650" muted playsInline autoPlay loop> <source src="/images/test.mp4"...

Add responsive video to Nextjs using Bootstrap5

React Context Module Functions Pattern

Mar 25, 20232 min read

The React Context module functions pattern is a design pattern used in React applications to provide and consume data across multiple components...

React Context Module Functions Pattern

React useLayoutEffect Hook

Mar 18, 20232 min read

The useLayoutEffect hook in React is similar to the useEffect hook, but it runs synchronously after all DOM mutations are applied. It allows you to...

React useLayoutEffect Hook

React ErrorBoundary Component

Mar 11, 20231 min read

In React, an ErrorBoundaryComponent JavaScript errors anywhere in its child component tree and displays a fallback UI instead of crashing the...

React ErrorBoundary Component

useState Lazy Initialization

Mar 4, 20231 min read

In React's useState hook, lazy initialization refers to initializing the state with a function instead of a direct value. Lazy initialization is...

useState Lazy Initialization