oleks-fedotov / react-tv-redux-navigation Goto Github PK
View Code? Open in Web Editor NEWInspectable focus management for React-based TV application
License: MIT License
Inspectable focus management for React-based TV application
License: MIT License
[ ] Implement the key enter press on the focusable component
[ ] Implement onClick for focusable component
When moving between different screen, focusing when moving back should be maintained and be in the correct place. With this issue think about possible ways, for example it can be storing id of the focused element when move to the new page.
The main goal of this ticket will be, to first render only visible part of the lane and afterward to fetch next elements and also render them.
navigationRight
property should be updated during the 2 rendering stepDuring the first render, the lane is only rendering 10
elements. The lane also should have a right range parameter, which describes how many elements should always be kept on the right side of the focused element. The same parameter should exist also for the left side.
Example:
let's say the right range will be 15
and the left one is 5
. This way after the first rendering step we have 9
elements on the left side from the focused one and 0
elements on the left side. Therefore, the second rendering step should additionally fetch 6
right elements and 5
left elements, also render them. When the user starts moving right and gets the number of elements smaller than 15
, the lane should fetch additional 15
elements and render them. The same principle is applied on the left side.
Configurable parameters:
Add animation transition, when moving to any direction.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.