DEV Community

Discussion on: React JS for Smart TV - discussion

Collapse
 
rubinelezi profile image
Rubin Elezi

It may be an old post but, did you manage to do anything about this? Can you give any guide about react on TIZEN/WEBOS

Collapse
 
pdrmdrs profile image
Pedro Paulo Paiva de Medeiros

I did manage to have a full production app that is working ATM in Tizen and WebOS.

We used ReactJS with Typescript and created an architecture to work with.

ReactNative didn't have the tools that we needed.
Enact is good for basic projects, but to work on bigger apps, it's a pain.

To work with Tizen/WebOS platforms, just do a basic app with ReactJS, put on fullscreen (probably F11 if you are using windows) and create a way to handle focus imperatively with the arrow keys.

There's not a perfect way to do this, it will depends on your requirements.

One thing to do is create an state in the component that will be the focused child component, and put an useEffect that will trigger state updates based on the keydown event.
With this, you can check which component is focused, pass this as a prop, and update the style accordingly.

One thing that helped us is to create two basic apps using the templates that the Tizen/WebOS gave us, and on the HTML file, just create a redirect to your app.

With that, deploy your app where you want and it will work just fine.

This helps develop a lot faster.

Other than that, you just need to finish your app and deploy on the Tizen and WebOS app store's, fix the issues that they will find and you have your app available to everyone, :D

PS: sorry about the late answer, I was away from the dev.to for a while