yuvrajkarna2717/react-hook-granth

[Feature]: Add useKeyboard hook for keyboard shortcuts

Aperta

#10 aperta il 6 dic 2025

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (1 fork)auto 404
enhancementgood first issuehelp wanted

Metriche repository

Star
 (3 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Hook Name

useKeyboard

Feature Description

Description: Create a hook for handling keyboard shortcuts and key combinations in React components.

Requirements:

  • Single key and key combinations
  • Modifier keys support (Ctrl, Alt, Shift)
  • Prevent default behavior option
  • Multiple shortcuts per component

Use Case

It handles keyboard shortcuts and key combinations in React components.

Proposed API

useKeyboard('Escape', handleEscape);
useKeyboard(['Ctrl', 'S'], handleSave);

Guida contributor

Direzione di ricerca
Studia le implementazioni delle librerie di hook React esistenti per le scorciatoie da tastiera, come useKeys o useKey di react use. Comprendi il pattern di implementazione: allega un listener di eventi a window, gestisci gli eventi keydown, verifica la corrispondenza dei tasti e dei tasti modificatori, eventualmente chiama e.preventDefault(). L'hook non deve restituire nulla o un set di tasti attivi.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactJavaScriptuseEffectuseCallback
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80