130: David Khourshid - Building Better UI Components with State Machines
Full Stack Radio11 Des 2019

130: David Khourshid - Building Better UI Components with State Machines

Topics include:

  • What exactly is a finite state machine?
  • Why trying to keep track of a component's status using boolean flags is leads to bugs and complex code
  • Why it makes so much more sense to keep track of a component's state using some sort of label
  • How simple it can actually be to implement UI component logic with a state machine and why you shouldn't think of it as complex or over-engineering
  • How you can think of using state machines in UI programming to be like an inversion of the typical approach you may have taken in the past, where actions become scoped to certain states instead of actions needing to inspect the current state
  • What events might look like in your state machine and where you're actually sending them from and to
  • Advice for naming your events
  • What it means to "transition" between states
  • How using a state machine makes it easy to provide slightly different behavior for the same action based on the current state
  • The benefits of visualizing your state machines
  • Using the XState library to build state machines in JavaScript

Sponsors:

Links:

Episoder(153)

153: DHH – Omarchy and Designing Your Own OS on Arch Linux

153: DHH – Omarchy and Designing Your Own OS on Arch Linux

I talk to DHH about Omarchy, the carefully curated distribution of Arch Linux he's been refining for the last few months.We talk about stuff like:How did he discover Arch + Hyprland in the first place...

21 Aug 20251h 16min

152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company

152: Ben Orenstein - How to Stand Out When Applying for a Job at a Small Company

Topics:Putting yourself in the shoes of the person reviewing your applicationCrafting a high quality application tailored to a specific positionStanding out in a more traditional hiring process by doi...

28 Jan 202147min

151: DHH – Building HEY with Hotwire

151: DHH – Building HEY with Hotwire

Links:HotwireHEYSupporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, th...

28 Des 20201h 14min

150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0

150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0

Supporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do...

21 Okt 202059min

149: Choosing a Payment Processor, Radical Icons & W3C Hype

149: Choosing a Payment Processor, Radical Icons & W3C Hype

Links:Changes to Gumroad's PayPal supportRadical iconsJack's hand-drawn avatarsW3C's CMS Selection ReportSupporting the show:I decided to stop taking sponsors for the show because I think advertisemen...

7 Okt 202056min

148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects

148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects

Supporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do...

29 Sep 202059min

147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI

147: Surviving GitHub Issues, the Statamic 3 Launch Aftermath, Tailwind 1.8, and Headless UI

Supporting the show:I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.If you do want to support the show, the best way to do...

23 Sep 20201h 19min

146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon

146: Launching Statamic 3, GitHub Sponsors, Tailwind CSS v1.7, and Preparing for Laracon

Adam and Jack talk about how the Statamic 3 launch went, and adding GitHub Sponsor tiers to the Statamic GitHub organization and what to give people in exchange for sponsoring. They also talk about th...

4 Sep 20201h 20min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
teknisk-sett
smart-forklart
energi-og-klima
rss-ki-praten
nasjonal-sikkerhetsmyndighet-nsm
rss-impressions-2
shifter
tomprat-med-gunnar-tjomlid
elektropodden
rss-praktisk-proptech
hans-petter-og-co
rss-ki-til-kaffen
teknologi-og-mennesker
i-loopen
pedagogisk-intelligens
rss-for-alarmen-gar
rss-digitaliseringspadden
rss-ai-forklart