Migrar angular-hotkeys a Angular moderno
angular-hotkeys registraba atajos de teclado con un servicio hotkeys sobre Mousetrap, los asociaba a scopes o rutas y mostraba un cheat sheet cuando el usuario presionaba la tecla de signo de interrogación. Está atada a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular key event bindings | Bindings como (keydown.control.s) o (document:keydown.escape) cubren los atajos que pertenecen a un componente. |
| Your own shortcut service | Un registro de atajos globales con descripciones, que además puede alimentar un diálogo de ayuda como el cheat sheet anterior. |
| tinykeys | Una librería muy pequeña e independiente del framework que soporta secuencias de teclas; envuélvela en un servicio. |
Cómo migrarla
- Exporta la lista de atajos con sus descripciones; el cheat sheet ya la tiene.
- Usa bindings de teclas en el template o en el host para los atajos que pertenecen a un componente.
- Deja los atajos globales en un solo servicio que los registre y los quite según el ciclo de vida de la ruta o del componente.
Cuidado con. Mousetrap ignoraba los atajos mientras el usuario escribía en inputs, selects y textareas. Tu reemplazo debe hacer lo mismo, o los atajos de una sola tecla se van a disparar en medio de un formulario.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn