Implement useEventListener hook

[bharat-dussa]

useEventListener

Description: A hook that simplifies adding and removing event listeners on a specified target (e.g., a DOM element or the window object). This is useful for handling events like clicks, key presses, and resizing in a functional component.

Parameters:

• eventType: string – The type of the event to listen for (e.g., "click", "resize", "scroll").
• handler: (event: Event) => void – The callback function to be called when the event is triggered.
• target: EventTarget | null (optional) – The target to which the event listener should be attached. Defaults to window.

Returns:

• void – No return value.

Example:

import React, { useState } from 'react';
import { useEventListener } from 'your-library';

const ExampleComponent = () => {
  const [count, setCount] = useState(0);

  // Define the event handler
  const handleClick = () => {
    setCount(c => c + 1);
  };

  // Use the useEventListener hook to listen for clicks on the window
  useEventListener('click', handleClick);

  return (
    <div>
      <p>Click anywhere to increment the count: {count}</p>
    </div>
  );
};

[Laxman8261]

i am interested @bharat-dussa pls assign me to this issue

[bharat-dussa]

Okay

[nikkivaddepelli]

I would like to work on this issue. Can you please assign this to me?

[bharat-dussa]

I would like to work on this issue. Can you please assign this to me?

Already assigned to @Laxman8261 , please pick another one