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