Назад

πŸ”₯ TanStack выпустили Hotkeys β€” type-safe ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ горячими клавишами

TanStack Hotkeys: типобСзопасныС сочСтания клавиш, ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, scoped hotkeys, DevTools ΠΈ React-Ρ…ΡƒΠΊΠΈ Π² Π½ΠΎΠ²ΠΎΠΉ pre-alpha Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅.

πŸ”₯ TanStack выпустили Hotkeys β€” type-safe ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ горячими клавишами

Новая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π² экосистСмС TanStack для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с hotkeys: Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊ-агностичная, с сильной Ρ‚ΠΈΠΏΠΈΠ·Π°Ρ†ΠΈΠ΅ΠΉ ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ слоТных сцСнариСв.

⚑️ ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ Ρ„ΠΈΡ‡ΠΈ

1. Type-safe API ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ

ГорячиС клавиши ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ строками ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ с ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ TypeScript.

2. Framework-agnostic

Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с React β€” ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² любом ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅.

3. Cross-platform Mod key

Один синтаксис (Mod) для Cmd Π½Π° macOS ΠΈ Ctrl Π½Π° Windows/Linux.

4. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚Π΅ΠΉ (Vim-style)

МоТно ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ слоТныС ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ ΠΈ Ρ†Π΅ΠΏΠΎΡ‡ΠΊΠΈ клавиш.

5. Tracking состояния клавиш

МоТно ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π·Π°ΠΆΠ°Ρ‚Ρ‹Π΅ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹.

6. Π—Π°ΠΏΠΈΡΡŒ hotkeys (recording)

Π•ΡΡ‚ΡŒ ΡƒΡ‚ΠΈΠ»ΠΈΡ‚Ρ‹ для создания интСрфСйсов настройки сочСтаний.

7. Scoped hotkeys

ΠŸΡ€ΠΈΠ²ΡΠ·ΠΊΠ° ΠΊ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌ элСмСнтам, Π° Π½Π΅ всСму Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ.

8. Singleton Hotkey Manager

Π¦Π΅Π½Ρ‚Ρ€Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠ΅ ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ горячими клавишами.

9. DevTools ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ

Для ΠΎΡ‚Π»Π°Π΄ΠΊΠΈ ΠΈ просмотра Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… горячих клавиш.

10. React hooks ΠΈΠ· ΠΊΠΎΡ€ΠΎΠ±ΠΊΠΈ

НапримСр, useHotkey с ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹ΠΌ Ρ†ΠΈΠΊΠ»ΠΎΠΌ ΠΈ Π·Π°Ρ‰ΠΈΡ‚ΠΎΠΉ ΠΎΡ‚ stale closures.

🧠 Когда это ΠΏΠΎΠ»Π΅Π·Π½ΠΎ

Π°Π΄ΠΌΠΈΠ½ΠΊΠΈ, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Ρ‹, IDE-like интСрфСйсы, кастомизация горячих клавиш, слоТныС keyboard-flows, accessibility ΠΈ productivity.

⚠️ Бтатус

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° находится Π² pre-alpha, API ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ.

ДокумСнтация

Π‘ΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΎ