[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
ouCtrl + 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! 🚀