Go to content

Building an accessible Slider component using State Machines - Segun Adebayo- (Next.js Conf 2021)

In this talk, we’ll be building an accessible slider component using Statecharts and Xstate. We’re going to cover: - What statecharts and state machines are - The anatomy of a slider component - Build the state machine for a slider component - Create prop connectors for the state machine - Styling the slider component with Chakra UI - Other considerations: Value formatting, Form submission, etc. Segun Adebayo Creator at Chakra UI

October 26, 2021