---
title: "Discussion on \"Easy Ways to Get Device Width in React Components\" | Hashnode"
description: "Discussion on \"Easy Ways to Get Device Width in React Components\". Learn how to get device width in React components using a custom `useWindowSize` hook for responsive design and performance optimization"
url: "https://hashnode.com/posts/easy-ways-to-get-device-width-in-react-components/665cfadaff58f6f8a34c561a"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Easy Ways to Get Device Width in React Components](https://dhananjoymahata.hashnode.dev/easy-ways-to-get-device-width-in-react-components?utm_source=hashnode&utm_medium=feed)

Learn how to get device width in React components using a custom \`useWindowSize\` hook for responsive design and performance optimization

Jun 2, 2024 · 4 min read · dhananjoymahata.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#nextjs](https://hashnode.com/tag/nextjs)
-   [#hooks](https://hashnode.com/tag/hooks)
-   [#responsive-web-design](https://hashnode.com/tag/responsive-web-design)
-   [#debouncing](https://hashnode.com/tag/debouncing)
-   [#useeffect](https://hashnode.com/tag/useeffect)
-   [#usestate](https://hashnode.com/tag/usestate)

## Written by

[Dhananjoy Mahata](https://hashnode.com/@Dhananjoy99)

@Dhananjoy99 · Kolkata, India

  
[View profile](https://hashnode.com/@Dhananjoy99)

Web Developer | Next.js | React.js

## Responses

Markdown supported · ⌘↵ to post

No responses yet.