Stately

? Last week we brought you Stately Sky and this week… ?? Stately Studio 2.0 is out now! Find out about all of our new features in David’s blog post: https://lnkd.in/e9iciukB

?? I made an open-source agnostic resource picker for Shopify resources (and more) using the Actor Model / Finite States Machine paradigms. It allows invoking many resource pickers with different settings, UI and resources The idea behind the actor model here is to use the responsibility delegation; Root is responsible for spawning/killing X resource pickers, while a resource picker actor manages its orchestration, like pagination/searching/filtering/loading. They communicate through messages Both are actors based on Finite-states machines, with Stately I can access actors that can communicate with each other: The root actor, which is spawning child resource pickers, I can select the current resource picker I’m working on with its current state(s) / events In a real scenario, we use this paradigm with Retailed for our size chart editor: We have a root actor spawning different kinds of resource pickers. It could be related to shopify (products) or our resources (images/size chart templates), making it resource-agnostic The source code is available here: https://lnkd.in/eFcW9X64 Demo here: https://lnkd.in/eYaKnaRk There is a form to change the resource and UI and the type of selection (single/multiple) Don't forget to use the inspector to see the states of your resource pickers in real time! ??

Very excited to be speaking about finite state machines and Stately/XState at TucsonJS tonight, doors open at 6:30pm. Let's bring local meetups back!

?? #Sponsor Alert ?? We are extremely glad to be joined by Stately ?? A cutting-edge platform that empowers #developers to visually build and deploy complex #app logic using state machines and #StateCharts. It offers tools like #StatelyStudio, and #StatelySky. Stately.ai integrates #AI capabilities to enhance workflow creation and management, making it ideal for #applications ranging from #frontend user flows to #backend workflows. The platform supports collaborative development, ensuring flexibility and scalability without vendor lock-in. Don't miss out on #Stately's founder talk, David Khourshid will be with us IRL to deliver a 30min presentation called "Goodbye, useState"?? All infos here?? https://lnkd.in/eTRkAx6F

Learn how to manage and visualize application logic with state machines and actors with XState v5! In this webinar, we will be creating a real-world app where you will learn: - What actors and state machines are, and why they are useful concepts - The basics of XState v5 - How to inspect and visualize XState logic - How to use XState with libraries like React and Vue - TypeScript tips for strongly typing XState logic