Seungho Park

How do you build a React UI that works flawlessly across remote control, pointer, and touch input all at the same time?
In modern TVs like LG StandbyME, users switch between 5-way keys, pointing, and touch swiping naturally, but handling this in your code is far from simple. Based on over a decade of experience building React UI frameworks for TV, I’ll share real-world techniques, design patterns, and lessons learned from creating seamless, adaptive navigation for complex hybrid input environments.

Accessibility is no longer an option; it’s a mandatory requirement for successful product launches. While we can implement basic accessibility features using ARIA roles and properties in React components, real-world scenarios present additional complexities. When focusing on elements like the Contrast setting slider, how do we read menu names, selected values, and hints in TV interfaces? How do we read only changed values afterward? In this talk, I’ll share practical insights from our experience in making React components accessible for tens of millions of webOS TVs annually.

In this session, I will discuss our experiences in overcoming performance limitations while developing React components for web apps on low-end embedded devices such as Smart TVs. I will share actual application cases from the development of millions of webOS Smart TVs and show how we improved user input response and app launch time. The ideas and techniques shared will be beneficial to developers facing similar challenges.