The Voice Surface: Make Your React App Act, Not Answer

This talk is confirmed. The time of the talk will be announced soon.

The recording will be published after editing. Multipass and Full ticket holders have early access.

Voice interfaces that actually do things, not just chat back, still aren't shipping. The reason is that our apps are built for hands and eyes, not for an agent. This talk makes the case that closing that gap is a front-end problem, and that React already gives you what you need to solve it.

I'll walk through a real life case of voice surface, a layer that operates your React app as the signed-in user, and the three move-pattern behind it, all while the Developer is in full control of what and how.

This talk has been presented at React Day Berlin 2026, check out the latest edition of this React Conference.

user interfaces

Ebrahim Mirsafian

Video transcription, chapters and summary will be available later.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Raygui: An Immediate-Mode C UI for Wasm Tools Development

JS GameDev Summit 2023

19 min

Raygui: An Immediate-Mode C UI for Wasm Tools Development

Top Content

Jorge Rubiano

Huge

Jorge Rubiano, a Software Engineer from Colombia, shares puzzle, isometric, and board games developed using React.js and CSS. He demonstrates the use of WebGL and 3.js for creating 3D games on the web. ReactiveFiber, a renderer that combines React and 3.js, is showcased in movement-based and color-changing games. The Talk concludes with the development of a bowling game using ReactiveFiber and complex components.

react component library user interfaces game development react games

Ensuring your Users are on the Right Path: the Future of Modals and Focus Management

JSNation 2022

17 min

Ensuring your Users are on the Right Path: the Future of Modals and Focus Management

Sam Thorogood

Gridcog, Australia

This Talk discusses the new features of Modals and focus management in web development. The dialogue element allows for the creation of modal dialogs that appear on top of other elements and prevent interaction with elements below. The note element can mark a subtree of the DOM as inert, making it unusable. The field set component can group input elements together and disable them. Using these new primitives can improve focus control and user experience in web applications.

user interfaces user experience html

Test your UI in the REAL Browser

TestJS Summit 2021

33 min

Test your UI in the REAL Browser

Gert Hengeveld

Chromatic

Storybook is a powerful tool for building UI components and testing them. It allows for easy reuse and compatibility with other tools. Storybook 6.4 introduces interactive stories and live coding, making it easier to create and debug complex components. It also integrates with popular testing libraries like Jest and Testing Library. Storybook aims to bridge the gap between end-to-end testing and unit testing, providing automated testing options for UI components.

testing user interfaces

Building a Custom Component Library – Fast

JSNation Live 2021

8 min

Building a Custom Component Library – Fast

TJ VanToll

Progress

Today, I want to talk to you about building custom component libraries fast. Every company should have its own standard set of UI controls for consistency in design, technology, and accessibility. Companies shouldn't build the harder parts of those libraries themselves, such as date pickers and data grids. But as a software developer, your time is valuable. Building custom component libraries is a better use of your time than reinventing the wheel.

component library user interfaces

Workshops on related topic

Should we have business logic in the UI?

JSNation 2022

148 min

Should we have business logic in the UI?

Workshop

Samuel Pinto

How many times did you say or hear “this is business logic, it should not be here”?In this workshop, we will create a modern frontend application using old patterns and you will learn how to build apps that have decoupled UI and services.We will start with a React application that has its whole logic in the UI. Then step by step we will extract the rules and operations to hit that sweet spot of independence.

best practices user interfaces