Writing Better Components with State Machines

ℹ️ About

The goal of the talk is to get people familiar with the concept of State Machine and what purpose they serve, as well as getting people excited to start using them in their (Vue) components.

We'll briefly be looking at some of the fundamental principals of State Machines and then we'll dive into a live demo where we will build a simple component the "old" way first, and then refactor the component with a state machine and (hopefully) show how incredibly powerful and beneficial they can be to writing better components.

🗣️ Speaker:

I'm Reinier Kaper, Lead Front End Developer at Creative Layer. Born and raised in The Netherlands and permanently moved to Canada in 2011 where I now live in Ottawa with my wife and daughter.

Our front-end team at Creative Layer exists of 4 (remote) front end developers where we build and maintain our own Vue3-based icon and component libraries, as well as multiple smaller and bigger applications.

Our main application is an Order Management System that integrates with Shopify and lets business owners control their orders from entry, through design stages and all the way through to fulfillment with one of our providers.

You can find me on Discord, Twitter, and Github: @TheDutchCoder

📆 Schedule

6:30PM - 6:45PM: Introduction & Trivia Round
6:45PM - 8:15PM: Writing Better Components with State Machines
8:15PM - 8:30PM: Trivia Round 2 + Q&A

🖥 Remote Details

When clicking the event link, you'll be prompted to download Zoom if you haven't previously used it. If you don't want to download the application, you can also use the web client, which works best in Chrome.

Finally, the meeting capacity will be plenty large for all attendees - feel free to invite any of your Vue friends who can't normally attend in-person! We just ask that people RSVP to the Meetup here in advance.

Questions? Please email vuejsdc@gmail.com and we'll be happy to help with whatever we can!