Skip to content

Commit 23a4e7e

Browse files
committed
Add Why and Demo sections to README
1 parent a00be6b commit 23a4e7e

1 file changed

Lines changed: 30 additions & 1 deletion

File tree

packages/react-sunbeam/README.md

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div align="center">
22
<div align="center"><img src="./logo.svg" width="170" height="170" alt="Sunbeam Logo"/></div>
3-
<h1 align="center">react-sunbeam</h1>
3+
<h1 align="center">React Sunbeam</h1>
44
<p>
55
Spatial navigation and key press management solution for React apps
66
</p>
@@ -23,6 +23,35 @@ or
2323
yarn add react-sunbeam
2424
```
2525

26+
## Why
27+
28+
React Sunbeam provides a flexible and easy-to-use solution for spacial navigation and focus management.
29+
There is wide variety of applications that can benefit from it.
30+
31+
### TV and Gaming Console Apps
32+
33+
Most of the applications that are running on leanback devices and controlled with a remote or gaming controller need an implementation of directional navigation.
34+
A lot of companies end up rolling out their own custom solutions for that.
35+
Usually those solutions are either very simple, like using column and row indices, or implementing spatial navigation which works much better for the end user but is tricky to implement correctly and hard to maintain.
36+
React Sunbeam provides a well-tested, opensource implementation of spatial navigation that is easy to integrate into any existing React app.
37+
38+
### Web Apps with Keyboard Navigation
39+
40+
React Sunbeam can also be very useful in the regular web apps that want to add support for directional keyboard navigation and thus make this app more accessible to the keyboard-only users.
41+
Spreadsheets and tables, different kinds of dashboards etc, all can benefit from React Sunbeam.
42+
43+
## Demo
44+
45+
Try our [demos](https://sunbeam.vova.codes/#demo-selector) on the documentation website to see what kind of interactions you can build with React Sunbeam.
46+
47+
### [Home Screen](https://sunbeam.vova.codes/console-ui)
48+
49+
![demo_home_screen](https://user-images.githubusercontent.com/1524432/113286891-1577a880-92ed-11eb-9119-0d8d4a781180.gif)
50+
51+
### [Setting Menu](https://sunbeam.vova.codes/settings-menu)
52+
53+
![demo_setting_menu](https://user-images.githubusercontent.com/1524432/113286880-114b8b00-92ed-11eb-983f-a2a9086a2042.gif)
54+
2655
## Usage
2756

2857
```js

0 commit comments

Comments
 (0)