react-use-hotkeys
Norigin-Spatial-Navigation
react-use-hotkeys | Norigin-Spatial-Navigation | |
---|---|---|
1 | 3 | |
110 | 281 | |
- | 5.3% | |
10.0 | 6.7 | |
over 1 year ago | about 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-use-hotkeys
-
Keyboard Navigation in React Apps
Depends on how exactly you want to implement this. If you just want to make everything accessible with the keyboard, the necessary parts should be navigated to by tabs. If you want to use hotkeys like Github does, there are a few libraries that work. I used this one in a project and it works pretty well.
Norigin-Spatial-Navigation
-
Developing a cross-platform TV app with React Native
Besides react-tv-space-navigation, there are other libraries worth considering or mentioning for creating TV apps that require spatial navigation. A couple of examples include Norigin Spatial Navigation and ReNative. Here's a quick comparison:
-
Keyboard Navigation in React Apps
Checkout https://github.com/NoriginMedia/Norigin-Spatial-Navigation
-
Build a Tv app
add tv support package for react native with npm i react-native@npm:react-native-tvos From this point, your app is ready to go. Bonus is to use the following library to easily manage navigation and focus. Norigin-Spatial-Navigation
What are some alternatives?
peppermint - An open source ticket management & help desk solution. A zendesk/freshdesk alternative
react-tv-player - A React video player component for TV devices, with customisable buttons and arrow-key navigation. It can play a variety of URLs like file paths, HLS/Dash streams and even YouTube links directly. Try out the demo on a desktop browser to see how it can simplify playback in your big-screen web apps: https://lewhunt.github.io/react-tv-player
usehooks-ts - React hook library, ready to use, written in Typescript.
dev-manager-desktop - Device/DevMode Manager for webOS TV
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
renative - 🚀🚀🚀 Unified Development Platform for iOS, tvOS, Android, Android TV, Android Wear, Web, Tizen TV, Tizen Watch, Tizen Mobile, LG webOS, macOS/OSX, Windows, KaiOS, FirefoxOS Firefox TV platforms
react-hotkeys-hook - React hook for using keyboard shortcuts in components.
react-tv-space-navigation - A React Native module to handle spatial navigation for a TV application in a 100% cross-platform way
harmony - An experiment with WebAssembly ✨ Harmony brings Git in your browser! Create and/or modify local files, on the fly, in your browser. Use git branches and commits to track them.