Executando verificação de segurança...
1

[Pitch]: NextKeyboard: Biblioteca para Eventos de Teclado em React e TypeScript

NextKeyboard: Biblioteca para Eventos de Teclado em React e TypeScript

Você já precisou lidar com eventos de teclado em seus projetos React? A NextKeyboard é uma biblioteca projetada para facilitar o gerenciamento de teclas, combinações e atalhos, tudo com suporte total ao TypeScript.


O que é o NextKeyboard?

O NextKeyboard é uma biblioteca poderosa e flexível que simplifica a criação de atalhos de teclado, listeners globais e controle de estados de teclas, como Caps Lock e Num Lock. Ela é ideal para aplicações que precisam de interações avançadas com o teclado, como editores de texto, jogos ou dashboards.


Principais Recursos

  • Teclas Predefinidas: Mais de 100 teclas comuns, como letras, números, modificadores e teclas de navegação.
  • Combinações de Teclas (Hotkeys): Crie atalhos como Command + A ou Ctrl + Shift + B.
  • Listeners Globais: Monitore todas as teclas com callbacks personalizados.
  • Grupos de Teclas (SomeOfKeys): Escute múltiplas teclas como Command (esquerdo ou direito).
  • Suporte a TypeScript: Tipagem forte para maior segurança e produtividade.

Como Usar

Monitorar uma Tecla

import { Keyboard } from "nextkeyboard";

const { A } = Keyboard;

A.onPress(() => {
  console.log("A foi pressionado!");
});

A.onRelease(() => {
  console.log("A foi liberado!");
});

Criar um Atalho

import { Hotkeys, Keyboard } from "nextkeyboard";

const { A, LeftCommand } = Keyboard;

const shortcut = new Hotkeys([LeftCommand, A]);

shortcut.onPress(() => {
  console.log("Command + A foi pressionado!");
});

Instalação

Para começar, instale a biblioteca via npm ou yarn:

npm install nextkeyboard
yarn add nextkeyboard

Contribua!

O projeto é open-source e você pode contribuir! Confira o repositório no GitHub:
NextKeyboard no GitHub


Licença

O NextKeyboard é distribuído sob a licença MIT.

Explore essa solução e simplifique o controle de teclado no seu próximo projeto! 🚀

Carregando publicação patrocinada...