Tutorials
Courses
Go Premium

Similar Topics

Web Technologies32.1K+ articles

DSA20.0K+ articles

ReactJS3.3K+ articles

GBlog2.9K+ articles

GBlog 2024779+ articles

Interview-Questions470+ articles

Web Technologies - Difference Between268+ articles

Interview Questions146+ articles

MERN-QnA90+ articles

ReactJS-State8+ articles

ReactJS-Component

39 posts

React Component Based Architecture

Last Updated: 23 July 2025

React is a popular JavaScript library for building user interfaces (UI), primarily for single-page applications (SPAs). One of React’s important feature is component-based...read more

article_image

Web Technologies

ReactJS-Component

List all ways to render a list of items in React

Last Updated: 23 July 2025

In React applications, rendering lists of items is a fundamental task. You will often need to display collections of data, such as product listings, to-do items, or user c...read more

article_image

Web Technologies

ReactJS-Component

Implementation of React.memo() and useMemo() in React

Last Updated: 23 July 2025

React.memo allows functional component to have same optimization as Pure Component provides for class-based components. useMemo is for memoizing function's calls inside fu...read more

article_image

Web Technologies

ReactJS-Component

Advantages of using Functional Components with React Hooks

Last Updated: 23 July 2025

In the past, React mainly used class-based components as its building blocks. However, functional components, which are essentially JavaScript functions that receive props...read more

Web Technologies

ReactJS-Component

Implementing Internationalization in React Components

Last Updated: 23 July 2025

Internationalization (i18n) makes your app friendly to people who speak different languages. It's like having a multilingual superpower for your application. With internat...read more

article_image

Web Technologies

ReactJS-Component

Implement Drag and Drop using React Component

Last Updated: 23 July 2025

To add drag and drop functionality in your React application, you can use libraries like "react-beautiful-dnd" or "react-dnd". These libraries provide components and hooks...read more

article_image

Web Technologies

ReactJS-Component

How to make Reusable React Components ?

Last Updated: 23 July 2025

ReactJS is a JavaScript library used to build single-page applications (SPAs). React makes it easy to create an interactive user interface by using a component-based appro...read more

Web Technologies

ReactJS-Component

Difference between React.memo() and PureComponent

Last Updated: 23 July 2025

We know that both `React.memo()` and `PureComponent' are maximizing techniques in React to improve performance by intercepting unnecessary re-renders. That is the process ...read more

article_image

Web Technologies

ReactJS-Component

How useMemo Hook optimizes performance in React Component ?

Last Updated: 23 July 2025

The useMemo hook in React optimizes performance by memoizing the result of a function and caching it. This caching ensures that expensive computations inside the useMemo c...read more

article_image

Web Technologies

ReactJS-Component

Implementing Lazy Loading for Functional Components in React

Last Updated: 23 July 2025

React is a popular library, maintained by Meta, which is used for building user interfaces and dynamic websites. It offers several techniques to optimize performance and e...read more

article_image

Web Technologies

ReactJS-Component

React JS Component Composition and Nested Components

Last Updated: 18 March 2024

React JS Component Composition allows you to build complex UIs by combining smaller, reusable components. Nested Components refer to components that are used within other ...read more

article_image

Web Technologies

ReactJS-Component

React Fragments: Eliminating Unnecessary Divs in the DOM

Last Updated: 23 July 2025

React Fragments function as wrapper elements that help us to group multiple components without using any additional DOM node. Fragments in React avoid unnecessary div tags...read more

article_image

Web Technologies

ReactJS-Component

Different ways to access props inside a Component in React

Last Updated: 23 July 2025

The props keyword is the shorthand for properties. It is one of the most important features of React which helps in effective communication between various React component...read more

article_image

Web Technologies

ReactJS-Component

How to use HOCs to reuse Component Logic in React ?

Last Updated: 23 July 2025

In React, making reusable components keeps your code neat. Higher-order components (HOCs) are a smart way to bundle and reuse component logic. HOCs are like magic function...read more

article_image

Web Technologies

ReactJS-Component

Why would you use a Higher-Order Component in React ?

Last Updated: 18 March 2024

A Higher-Order Component (HOC) in React is used to share common functionality between multiple components. It's like a function that takes a component as an argument and r...read more

article_image

Web Technologies

ReactJS-Component