Talks by David Khourshid, creator of XState, on state machines, statecharts, React state management and AI agents.https://davidk.dev/en-ushttps://davidk.dev/talks/human-approval-for-ai-agents/https://davidk.dev/talks/human-approval-for-ai-agents/An agent can draft an email, but sending it should wait for approval. David Khourshid, Founder of Stately and Creator of XState, explains how he models…Mon, 12 Oct 2026 00:00:00 GMTstate-machinesai-agentsxstatevisual-modelinghttps://davidk.dev/talks/goodbye-slop-welcome-determinism/https://davidk.dev/talks/goodbye-slop-welcome-determinism/Agent rules hidden inside a long prompt become harder to inspect, test, and trust as the context grows. David Khourshid shows how explicit state…Tue, 22 Sep 2026 00:00:00 GMTai-agentsstate-machineshttps://davidk.dev/talks/effective-state-machines-with-xstate/https://davidk.dev/talks/effective-state-machines-with-xstate/Really, I'm going to be talking about two higher level things, effect and XState, and how the combination of them is actually really important. In this…Sun, 26 Jul 2026 00:00:00 GMTxstateside-effectseffect-tsstate-machineshttps://davidk.dev/talks/goodbye-slop-welcome-determinism-beyond-the-prompt/https://davidk.dev/talks/goodbye-slop-welcome-determinism-beyond-the-prompt/This talk was a part of Beyond the Prompt conference, hosted by @agGrid and @Bryntum in London in 2026.Fri, 26 Jun 2026 00:00:00 GMTai-agentsstate-machinesxstatehttps://davidk.dev/talks/the-piano-man-of-state-machines/https://davidk.dev/talks/the-piano-man-of-state-machines/This week, Robbie and Adam talk with David K. Piano about state machines, the chaos of overusing React hooks, Tailwind controversies, AI agents…Thu, 18 Dec 2025 00:00:00 GMTstate-machinesai-agentsreact-hookshttps://davidk.dev/talks/time-traveling-with-ai-a-musical-journey/https://davidk.dev/talks/time-traveling-with-ai-a-musical-journey/What might be the future of UX? Explore one possible timeline with David Khourshid and Stephen Shaw, from the @keyframers web animation streaming…Thu, 11 Dec 2025 00:00:00 GMTai-agentsxstatehttps://davidk.dev/talks/usestate-is-over/https://davidk.dev/talks/usestate-is-over/David Khourshid, founder of Stately.ai, joins us to discuss better ways to manage complex state in React applications. We explore:Tue, 22 Jul 2025 00:00:00 GMTreact-hooksstate-managementreacthttps://davidk.dev/talks/goodbye-usestate-podrocket-alternate-cut/https://davidk.dev/talks/goodbye-usestate-podrocket-alternate-cut/David Khourshid, founder of Stately.ai, joins us to discuss better ways to manage complex state in React applications. We explore the pitfalls of…Tue, 22 Jul 2025 00:00:00 GMTreact-hooksstate-managementreacthttps://davidk.dev/talks/state-management-at-scale-in-react-next-js/https://davidk.dev/talks/state-management-at-scale-in-react-next-js/We could just select the hotel id, which is a string, change this to the hotel id and then we could apply our first pattern which is deriving that…Thu, 10 Jul 2025 00:00:00 GMTreactstate-managementreact-hookstypescripthttps://davidk.dev/talks/xstate-creator-state-machines-startups/https://davidk.dev/talks/xstate-creator-state-machines-startups/In this episode, David Khourshid, creator of XState, shares his journey from piano performance to programming, revealing key lessons for developers and…Wed, 09 Jul 2025 00:00:00 GMTstartupsstate-machinesxstatevisual-modelingcss-animationhttps://davidk.dev/talks/goodbye-usestate-javascriptmn/https://davidk.dev/talks/goodbye-usestate-javascriptmn/We are so hyped to have David Khourshid (known as David K around the internet) stop by the JSMN stage on June 4, 2025.Fri, 06 Jun 2025 00:00:00 GMTreact-hooksstate-managementreactxstatehttps://davidk.dev/talks/goodbye-usestate/https://davidk.dev/talks/goodbye-usestate/State management is easy, until it's not. Sure, useState() is fine for simple component state management – that's literally what it's for. But… (G2i, 2025)Tue, 03 Jun 2025 00:00:00 GMTreact-hooksstate-managementreactformsxstatehttps://davidk.dev/talks/stop-drawing-pointless-arrows-taming-complexity-with-diagrams/https://davidk.dev/talks/stop-drawing-pointless-arrows-taming-complexity-with-diagrams/This presentation was recorded at YOW! Australia 2024. #GOTOcon #YOWSat, 17 May 2025 00:00:00 GMTvisual-modelingactor-modelstatechartsstate-machineshttps://davidk.dev/talks/making-state-management-intelligent/https://davidk.dev/talks/making-state-management-intelligent/Managing state is complicated. Humans are even more complicated. As developers, it's our job to deliver seamless and intuitive user experiences, but…Thu, 15 May 2025 00:00:00 GMTai-agentsadaptive-uistate-managementstate-machineshttps://davidk.dev/talks/goodbye-usestate-bejs/https://davidk.dev/talks/goodbye-usestate-bejs/State management is easy, until it's not. Sure, useState() is fine for simple component state management – that's literally what it's for… (BeJS, 2025)Tue, 25 Mar 2025 00:00:00 GMTreact-hooksstate-managementformsreacthttps://davidk.dev/talks/usewat/https://davidk.dev/talks/usewat/When you're trying to figure out if you could use Reacts without a framework, because we did that with create React app and it was really simple. React…Mon, 04 Nov 2024 00:00:00 GMTreactreact-hooksstate-managementhttps://davidk.dev/talks/the-actor-model-behind-the-scenes/https://davidk.dev/talks/the-actor-model-behind-the-scenes/Let's set the stage. You have a complicated application with many parts that need to work together, and you want to avoid making your code an…Fri, 19 Jul 2024 00:00:00 GMTactor-modelevent-drivenai-agentsxstatevisual-modelinghttps://davidk.dev/talks/how-state-machines-create-robust-software-deep-dive/https://davidk.dev/talks/how-state-machines-create-robust-software-deep-dive/XState Embraces two main things state machines and the actor model, and so with state machines. The original problems that XState solve are these…Mon, 17 Jun 2024 00:00:00 GMTstate-machinesxstateadaptive-uistatechartsai-agentsactor-modelhttps://davidk.dev/talks/effective-state-machines-for-complex-logic-effect-days-2024/https://davidk.dev/talks/effective-state-machines-for-complex-logic-effect-days-2024/The reason we do this is because with state machines, you want events to have an effect only in certain states. The entire philosophy behind XState is…Tue, 14 May 2024 00:00:00 GMTeffect-tsside-effectsactor-modelxstatestate-machinesevent-drivenhttps://davidk.dev/talks/usewat2-with-jenny-truong/https://davidk.dev/talks/usewat2-with-jenny-truong/React has quite the history. From React.createComponent to server components, React has evolved to be a mainstay in web development. But let's be…Sat, 04 May 2024 00:00:00 GMTreactreact-hooksstate-managementhttps://davidk.dev/talks/webinar-state-machines-and-actors-with-xstate-v5/https://davidk.dev/talks/webinar-state-machines-and-actors-with-xstate-v5/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…Fri, 03 May 2024 00:00:00 GMTactor-modelxstatestate-machinesevent-drivenhttps://davidk.dev/talks/from-pandemic-pastime-to-real-vc-funded-startup/https://davidk.dev/talks/from-pandemic-pastime-to-real-vc-funded-startup/In this episode of The Work Item, I had a conversation with David Khourshid, founder of Stately.AI. You might know him as @DavidKPiano on social media…Sun, 31 Mar 2024 00:00:00 GMTstartupsxstatehttps://davidk.dev/talks/frontend-feud-css-podcast-vs-keyframers/https://davidk.dev/talks/frontend-feud-css-podcast-vs-keyframers/Una & Adam from The CSS Podcast ( defend their Frontend Feud title against challengers David & Shaw from the keyframers ( . Let’s get it on!Mon, 18 Mar 2024 00:00:00 GMTcss-animationhttps://davidk.dev/talks/x-gon-state-it-to-ya/https://davidk.dev/talks/x-gon-state-it-to-ya/Amal, KBall, and Nick welcome David Khourshid to the show to talk about his project, XState. XState brings state management to a new level using finite…Sat, 16 Mar 2024 00:00:00 GMTxstateactor-modelstate-machinesevent-drivenstatechartshttps://davidk.dev/talks/webinar-get-started-with-xstate-v5/https://davidk.dev/talks/webinar-get-started-with-xstate-v5/We are the Stately team and this is our very special XState version 5 webinar. Every actor has its behavior that could be controlled by a state machine.Sat, 09 Dec 2023 00:00:00 GMTxstateactor-modeltypescriptevent-drivenhttps://davidk.dev/talks/founder-to-founder-stately-ai/https://davidk.dev/talks/founder-to-founder-stately-ai/This week, Teja talks with David Khourshid, Co-founder and CEO at Stately. This AI tool serves as a visual source of truth for creating, deploying, and…Thu, 07 Dec 2023 00:00:00 GMTstartupsai-agentsvisual-modelinghttps://davidk.dev/talks/make-your-apps-resilient-using-finite-state-machines/https://davidk.dev/talks/make-your-apps-resilient-using-finite-state-machines/In this episode, David Khourshid gives the rundown on how finite state machines can make your app more testable, more resilient to bugs, and easier to…Wed, 22 Nov 2023 00:00:00 GMTstate-machinesxstatestate-managementstatechartstestinghttps://davidk.dev/talks/making-state-management-intelligent-french-tech-front-end/https://davidk.dev/talks/making-state-management-intelligent-french-tech-front-end/ (French Tech Front-end Meetups, 2023)Wed, 08 Nov 2023 00:00:00 GMTstate-managementadaptive-uihttps://davidk.dev/talks/making-state-management-intelligent-react-alicante-2023/https://davidk.dev/talks/making-state-management-intelligent-react-alicante-2023/If Pac-Man eats a power pill, then the ghost actually goes to a different state, which is running away from Pac-Man. Reinforcement learning is exciting…Tue, 07 Nov 2023 00:00:00 GMTadaptive-uiai-agentsstate-managementstate-machinesxstatehttps://davidk.dev/talks/webinar-create-app-logic-with-xstate-v5/https://davidk.dev/talks/webinar-create-app-logic-with-xstate-v5/Join us for an introduction to XState V5 with David Khourshid and Gavin Bauman.Sat, 23 Sep 2023 00:00:00 GMTxstateactor-modelformshttps://davidk.dev/talks/usewat-react-rally-2023/https://davidk.dev/talks/usewat-react-rally-2023/We have a slight problem here, and that's that whenever the count updates, every single component is going to update with that count. React is a…Tue, 05 Sep 2023 00:00:00 GMTreactreact-hooksstate-managementhttps://davidk.dev/talks/the-two-ways-to-manage-state/https://davidk.dev/talks/the-two-ways-to-manage-state/There are two kinds of state management libraries: easy and simple. Direct and indirect. Quick and maintainable. When you’re quickly prototyping apps…Thu, 06 Jul 2023 00:00:00 GMTstate-managementactor-modelevent-drivenhttps://davidk.dev/talks/making-state-management-intelligent-reactathon-2023/https://davidk.dev/talks/making-state-management-intelligent-reactathon-2023/Making state management intelligent Managing state is complicated. Humans are even more complicated. As developers, it's our job to deliver seamless…Wed, 31 May 2023 00:00:00 GMTadaptive-uistate-managementai-agentshttps://davidk.dev/talks/panel-the-future-of-the-world-and-ai/https://davidk.dev/talks/panel-the-future-of-the-world-and-ai/AgentConf 2023 hosts a captivating panel discussion featuring esteemed experts Tejas Kumar, David Khourshid, and Jani Eväkallio. The panelists engage…Mon, 22 May 2023 00:00:00 GMTai-agentsstartupshttps://davidk.dev/talks/from-ai-to-agi-the-path-to-generally-intelligent-software/https://davidk.dev/talks/from-ai-to-agi-the-path-to-generally-intelligent-software/At AgentConf 2023, David Khourshid delivers a captivating talk titled "From AI to AGI: The Path to Generally Intelligent Software." With his expertise…Mon, 15 May 2023 00:00:00 GMTai-agentsadaptive-uihttps://davidk.dev/talks/migrating-to-xstate-v5-beta-webinar/https://davidk.dev/talks/migrating-to-xstate-v5-beta-webinar/XState v5 beta is here! Join David and Laura to learn the steps needed to migrate to XState v5 beta, and we’ll answer any questions you have about XState.Tue, 09 May 2023 00:00:00 GMTxstateactor-modeltypescripthttps://davidk.dev/talks/css-animations-and-transitions/https://davidk.dev/talks/css-animations-and-transitions/We could add that same animation to the input and button, and let's see how that looks. Instead of doing animation duration times two or animation…Thu, 23 Mar 2023 00:00:00 GMTcss-animationhttps://davidk.dev/talks/getting-started-with-xstate-in-angular-solidjs/https://davidk.dev/talks/getting-started-with-xstate-in-angular-solidjs/Build IT Better is back with Tracy Lee and Ben Lesh, featuring David Khourshid from XState and Stately! David will be sharing the challenges in…Mon, 20 Mar 2023 00:00:00 GMTxstatevisual-modelinghttps://davidk.dev/talks/adios-useeffect-managing-effects-more-effectively/https://davidk.dev/talks/adios-useeffect-managing-effects-more-effectively/If we add some things to the dependency array, and so whenever those things change, then our effects that we use to putting a component did update, go…Mon, 12 Dec 2022 00:00:00 GMTreact-hooksside-effectsreactevent-drivenhttps://davidk.dev/talks/coding-complex-app-logic-visually/https://davidk.dev/talks/coding-complex-app-logic-visually/Session description: What if you could code without coding? As the number of features and requirements increase in our apps, text-based logic becomes…Mon, 05 Dec 2022 00:00:00 GMTvisual-modelingstate-machinesevent-drivenhttps://davidk.dev/talks/goodbye-useeffect/https://davidk.dev/talks/goodbye-useeffect/From fetching data to fighting with imperative APIs, side effects are one of the biggest sources of frustration in web app development. And let’s be…Wed, 16 Nov 2022 00:00:00 GMTreact-hooksside-effectsreacthttps://davidk.dev/talks/using-useeffect-effectively/https://davidk.dev/talks/using-useeffect-effectively/Check out FAQ on this content, shortened version and extra resources for this talk atMon, 31 Oct 2022 00:00:00 GMTreact-hooksreactside-effectsstate-managementhttps://davidk.dev/talks/the-two-types-of-state-management/https://davidk.dev/talks/the-two-types-of-state-management/All state management libraries and techniques can be categorized in two ways. One is easy, one is simple. One is quick, one is maintainable. From state…Fri, 21 Oct 2022 00:00:00 GMTstate-managementtypescriptreact-hooksxstatestartupshttps://davidk.dev/talks/xstate-and-stately-devtools-fm/https://davidk.dev/talks/xstate-and-stately-devtools-fm/This week we talk to David Khourshid, the founder of stately.ai, a company that is building a state machine visualizer and debugger. David is also the…Fri, 14 Oct 2022 00:00:00 GMTxstateai-agentsstatechartsstate-machinesvisual-modelinghttps://davidk.dev/talks/is-visual-coding-ready-for-prime-time/https://davidk.dev/talks/is-visual-coding-ready-for-prime-time/Steve Sewell, CEO & Co-founder of Builder.io, and David Khourshid, Founder of Stately.ai, discuss visual coding and its readiness for the mainstream.Fri, 07 Oct 2022 00:00:00 GMTvisual-modelingxstatehttps://davidk.dev/talks/use-xstate-with-netlify-edge-functions/https://davidk.dev/talks/use-xstate-with-netlify-edge-functions/State machines at the edge? Yes please! David Khourshid is back to show us how to deploy and visualize workflows in real-time!Sat, 27 Aug 2022 00:00:00 GMTxstatestate-machinesvisual-modelinghttps://davidk.dev/talks/goodbye-useeffect-reactnext-2022/https://davidk.dev/talks/goodbye-useeffect-reactnext-2022/As seasoned reacts professionals, you might say, well, whenever you create a useEffect, you should include a dependency array. Some of you might be…Thu, 04 Aug 2022 00:00:00 GMTreact-hooksreactside-effectsstate-managementhttps://davidk.dev/talks/guild-podcast-episode-14/https://davidk.dev/talks/guild-podcast-episode-14/I feel like, oftentimes, those states that you haven't accommodated are the sorts of bugs. The idea was we want to create a software platform for…Tue, 02 Aug 2022 00:00:00 GMTstate-machinesvisual-modelingtestinghttps://davidk.dev/talks/coding-complex-app-logic-visually-renderatl-2022/https://davidk.dev/talks/coding-complex-app-logic-visually-renderatl-2022/You’re not going to want to miss what David had to say at Render 2022. As features and requirements increase, code gets more complicated. Learn about…Fri, 15 Jul 2022 00:00:00 GMTvisual-modelinghttps://davidk.dev/talks/goodbye-useeffect-reactathon-2022/https://davidk.dev/talks/goodbye-useeffect-reactathon-2022/Where we could say, like, if these things change, then I want this useEffect to run, and we also have component will amounts. One of the reasons why we…Fri, 27 May 2022 00:00:00 GMTreact-hooksside-effectsstate-managementreactevent-drivenhttps://davidk.dev/talks/collaborative-app-logic-real-world-react/https://davidk.dev/talks/collaborative-app-logic-real-world-react/Tracy Lee: How to Get Involved in Open Source: A Quickstart Guide How do you get involved in open source? This is a question I get asked a lot, and…Wed, 06 Apr 2022 00:00:00 GMTstartupsstate-machinesxstatereactvisual-modelinghttps://davidk.dev/talks/visually-create-state-machines/https://davidk.dev/talks/visually-create-state-machines/Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and…Tue, 01 Mar 2022 00:00:00 GMTvisual-modelingstate-machinesxstatehttps://davidk.dev/talks/modeling-application-logic-visually/https://davidk.dev/talks/modeling-application-logic-visually/As the number of features and use-cases in our apps increase, the logic gets much more complicated to understand and change. In this session, we’ll…Sun, 13 Feb 2022 00:00:00 GMTvisual-modelingxstatestate-machinesevent-drivenhttps://davidk.dev/talks/modeling-application-logic-visually-extended-session/https://davidk.dev/talks/modeling-application-logic-visually-extended-session/Web applications continue to get more complex, which can lead to code that is complex and difficult to untangle. Thankfully, new patterns and tools are…Fri, 11 Feb 2022 00:00:00 GMTvisual-modelingxstatestate-machinesevent-drivenhttps://davidk.dev/talks/whats-next-for-xstate/https://davidk.dev/talks/whats-next-for-xstate/The idea is that your app can only be in one of these states at a time, and each one of these states can handle events a little bit differently…Sun, 30 Jan 2022 00:00:00 GMTxstatevisual-modelingevent-drivenstatechartsstate-machinesreact-hookshttps://davidk.dev/talks/live-with-the-founder-of-stately-ai/https://davidk.dev/talks/live-with-the-founder-of-stately-ai/David is Founder/CEO of a low code solution. He is former Microsoft and left to start a solution to make even the most complex application login visual…Fri, 14 Jan 2022 00:00:00 GMTstartupsai-agentsvisual-modelinghttps://davidk.dev/talks/xstate-making-application-logic-visually-collaborative/https://davidk.dev/talks/xstate-making-application-logic-visually-collaborative/# Join us as we chat XState, State Machines & modelling logicFri, 19 Nov 2021 00:00:00 GMTvisual-modelingxstatestate-machinesstatechartshttps://davidk.dev/talks/xstate-fundamentals-javascript-marathon/https://davidk.dev/talks/xstate-fundamentals-javascript-marathon/If anyone has any questions on what we've done so far to just like, think about the events and how we would model, this sample media player…Wed, 17 Nov 2021 00:00:00 GMTxstatestartupsevent-drivenhttps://davidk.dev/talks/animations-use-css-or-css-in-js/https://davidk.dev/talks/animations-use-css-or-css-in-js/We can be tempted to only animate using CSS but there are times where you would want to use CSS in Javascript for animations in order to control your…Thu, 23 Sep 2021 00:00:00 GMTcss-animationhttps://davidk.dev/talks/css-variables-flexbox-and-css-grid-when-to-use-them/https://davidk.dev/talks/css-variables-flexbox-and-css-grid-when-to-use-them/It can be confusing when to use CSS Grid or Flexbox. CSS Grid are best for the bigger layout items while Flexbox is good for dynamic items.Mon, 20 Sep 2021 00:00:00 GMTcss-animationhttps://davidk.dev/talks/making-application-logic-visually-collaborative-infobip-shift/https://davidk.dev/talks/making-application-logic-visually-collaborative-infobip-shift/Logic is much more than just code. It is the user flows, the diagrams, the user stories, and the business logic that are shared with developers…Sat, 18 Sep 2021 00:00:00 GMTvisual-modelingstatechartsstate-machinesxstateevent-drivenhttps://davidk.dev/talks/how-to-model-animations-using-data-attributes/https://davidk.dev/talks/how-to-model-animations-using-data-attributes/When creating animations, data attributes are useful because they are flexible and easy to manipulate with JavaScript.Thu, 16 Sep 2021 00:00:00 GMTcss-animationstate-machineshttps://davidk.dev/talks/the-state-of-xstate/https://davidk.dev/talks/the-state-of-xstate/Over the past few years, state machines, statecharts, and the actor model have proven to be viable concepts for building complex application logic in a…Tue, 31 Aug 2021 00:00:00 GMTxstatestate-managementvisual-modelingstate-machinesstatechartsactor-modelhttps://davidk.dev/talks/js-party-191-live/https://davidk.dev/talks/js-party-191-live/The behavior of each actor is guided by a state machine, so, an actor can send a message to another actor. If we say only actors can send messages to…Fri, 27 Aug 2021 00:00:00 GMTactor-modelxstatestate-machinesstatechartsevent-drivenhttps://davidk.dev/talks/xstate-the-visual-future-of-state-management-react-fwdays/https://davidk.dev/talks/xstate-the-visual-future-of-state-management-react-fwdays/This is a video from the React fwdays'21 online conference, that was held on March 27, 2021.Sun, 04 Jul 2021 00:00:00 GMTxstatevisual-modelingstate-managementevent-drivenstate-machinesreacthttps://davidk.dev/talks/xstate-the-visual-future-of-state-management/https://davidk.dev/talks/xstate-the-visual-future-of-state-management/I want to talk to you today about the visual future of state management and how XState is going to bring that future vision to reality. All of those…Wed, 30 Jun 2021 00:00:00 GMTvisual-modelingxstatestate-managementreactevent-drivenstatechartshttps://davidk.dev/talks/build-better-apps-with-state-machines/https://davidk.dev/talks/build-better-apps-with-state-machines/Using state machines, we can build web apps with low complexity and high confidence. David Khourshid will show us how xstate helps us make sense of…Wed, 24 Mar 2021 00:00:00 GMTstate-machinesxstatestatechartsstate-managementhttps://davidk.dev/talks/building-state-machines-using-xstate-modern-web-podcast/https://davidk.dev/talks/building-state-machines-using-xstate-modern-web-podcast/In this podcast episode, Rob Ocel (@robocell) chats with David Khourshid (@DavidKPiano), software engineer at Microsoft and creator of XState!Thu, 21 Jan 2021 00:00:00 GMTxstatestate-machinesstatechartsstate-managementreactive-programminghttps://davidk.dev/talks/putting-the-act-in-reactive-from-observables-to-actors/https://davidk.dev/talks/putting-the-act-in-reactive-from-observables-to-actors/Can a half-century-old model of computation reduce complexity, improve performance, and make our applications exponentially more scalable and visually…Thu, 07 Jan 2021 00:00:00 GMTactor-modelreactive-programmingevent-drivenxstatehttps://davidk.dev/talks/react-wednesdays-xstate-and-javascript-state-machines/https://davidk.dev/talks/react-wednesdays-xstate-and-javascript-state-machines/On this episode of React Wednesdays, an epic star-studded cast talks about XState, a project helping you build state machines, and how you can use them…Wed, 09 Dec 2020 00:00:00 GMTxstatestate-machinesreactreact-hooksstatechartshttps://davidk.dev/talks/panel-state-management-react-finland-mini-conf-2/https://davidk.dev/talks/panel-state-management-react-finland-mini-conf-2/In this panel discussion, Sara Vieira (the MC), Yan Lavryushev, David Khourshid, Christian Alfoni, Juho Vepsäläinen, and Holly Gibson discuss state…Tue, 01 Sep 2020 00:00:00 GMTstate-managementreactvisual-modelinghttps://davidk.dev/talks/introduction-to-statecharts/https://davidk.dev/talks/introduction-to-statecharts/In his demonstration, David Khourshid gives us an introduction to statecharts through a practical example using xstate and React.Mon, 31 Aug 2020 00:00:00 GMTstatechartsstate-machinesevent-drivenxstatestate-managementhttps://davidk.dev/talks/everything-is-an-actor/https://davidk.dev/talks/everything-is-an-actor/You can send a reference of another actor to some actor so that the actor you send the message to can communicate with that actor. An actor can also…Mon, 31 Aug 2020 00:00:00 GMTactor-modelevent-drivenxstatehttps://davidk.dev/talks/react-finland-mini-conference-2-state-management-full-stream/https://davidk.dev/talks/react-finland-mini-conference-2-state-management-full-stream/See for the exact schedule. The public portion begins 17:30 and the first talk at 17.45 (Finnish time).Fri, 28 Aug 2020 00:00:00 GMTstate-managementreactactor-modelevent-drivencss-animationhttps://davidk.dev/talks/bus-factor-pair-programming-and-vs-code-live-share/https://davidk.dev/talks/bus-factor-pair-programming-and-vs-code-live-share/Educative.io helps you learn in-demand tech skills faster. Text-based courses with embedded coding environments mean you can jump in and learn without…Tue, 31 Mar 2020 00:00:00 GMTvisual-modelingstartupshttps://davidk.dev/talks/how-to-create-smooth-lightweight-website-animations/https://davidk.dev/talks/how-to-create-smooth-lightweight-website-animations/David Khourshid stopped by the Prismic Studio to share some useful tips on how to create smooth and lightweight website animations.Thu, 26 Mar 2020 00:00:00 GMTcss-animationhttps://davidk.dev/talks/let-s-pair-program-state-machines-and-statecharts/https://davidk.dev/talks/let-s-pair-program-state-machines-and-statecharts/I always say that state machines are a good refactor target. First of all, you don't need a library to create state machines itself, you could use a…Fri, 13 Mar 2020 00:00:00 GMTxstatestate-machineshttps://davidk.dev/talks/write-fewer-tests-model-based-testing-in-react/https://davidk.dev/talks/write-fewer-tests-model-based-testing-in-react/What if you could automatically generate hundreds of integration and end-to-end tests, instead of manually coding them? Discover how model-based…Wed, 04 Mar 2020 00:00:00 GMTtestingreactxstatestate-machineshttps://davidk.dev/talks/model-based-testing-with-state-machines/https://davidk.dev/talks/model-based-testing-with-state-machines/Instead of writing your tests, generate them instead! Learn how model-based testing increases test coverage and reliability without having to write…Tue, 03 Mar 2020 00:00:00 GMTtestingstate-machinesxstatehttps://davidk.dev/talks/mind-reading-with-adaptive-uis/https://davidk.dev/talks/mind-reading-with-adaptive-uis/Information in order to create a better user experience by making the app more adaptive. Adaptive user interface is also known as a UI RU, our…Sat, 22 Feb 2020 00:00:00 GMTadaptive-uixstatereact-hooksvisual-modelinghttps://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces/https://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces/Mind-Reading with Adaptive and Intelligent User Interfaces - David KhourshidFri, 07 Feb 2020 00:00:00 GMTadaptive-uistate-machinesstatechartsxstatehttps://davidk.dev/talks/from-php-to-javascript-and-css-animations/https://davidk.dev/talks/from-php-to-javascript-and-css-animations/David Khourshid's programming journey: started working with HTML, CSS at music school when having to build his website to present himself as a…Thu, 02 Jan 2020 00:00:00 GMTcss-animationhttps://davidk.dev/talks/crafting-stateful-styles-dotcss-2019/https://davidk.dev/talks/crafting-stateful-styles-dotcss-2019/You could actually affect the styles within the app, and so you can imagine if you add more than one check box, you could have multiple different…Mon, 23 Dec 2019 00:00:00 GMTcss-animationstate-machinesstatechartsvisual-modelinghttps://davidk.dev/talks/computer-science-in-frontend-development/https://davidk.dev/talks/computer-science-in-frontend-development/She speaking about the value of computer science in front-end development and a bunch of other things in general. As I mentioned earlier, my background…Mon, 23 Dec 2019 00:00:00 GMTactor-modelreacthttps://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-devfest-florida-2019/https://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-devfest-florida-2019/What if you could predict user behavior with smart UIs? In this talk, we will explore how we can make adaptive and intelligent user interfaces that…Tue, 19 Nov 2019 00:00:00 GMTadaptive-uixstatehttps://davidk.dev/talks/devfest-florida-2019-speaker-interviews/https://davidk.dev/talks/devfest-florida-2019-speaker-interviews/We built a CRM with Flutter and so, yeah, it, so this business to business application. I went further and I was like, using model driven development…Sat, 16 Nov 2019 00:00:00 GMTadaptive-uihttps://davidk.dev/talks/mind-reading-with-intelligent-adaptive-uis/https://davidk.dev/talks/mind-reading-with-intelligent-adaptive-uis/------------------------------------------------------------------- What if you could predict user behavior with smart UIs? In this talk, we will…Sat, 02 Nov 2019 00:00:00 GMTadaptive-uistatechartsxstatestate-machinesformshttps://davidk.dev/talks/crafting-stateful-styles-with-state-machines/https://davidk.dev/talks/crafting-stateful-styles-with-state-machines/See how we could craft stateful styles with state machines, which Mike talked about at the very beginning. Easily see all these possible states and be…Thu, 31 Oct 2019 00:00:00 GMTstate-machinesstatechartscss-animationvisual-modelinghttps://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-nordic-js-2019/https://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-nordic-js-2019/I was here two years ago and I was talking about user interface animations, and now I'm going to be talking to you about the future of user interfaces…Fri, 25 Oct 2019 00:00:00 GMTadaptive-uistatechartsformsvisual-modelinghttps://davidk.dev/talks/the-finite-state-of-reactive-animations/https://davidk.dev/talks/the-finite-state-of-reactive-animations/Reactive animations are more than just timelines. They adapt and respond to user input, creating a lively, exciting, and meaningful user experience…Mon, 07 Oct 2019 00:00:00 GMTcss-animationreactive-programmingstate-machinesevent-drivenhttps://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-react-alicante-2019/https://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-user-interfaces-react-alicante-2019/Let's say that you have a button on your user interface such as fetch user data and let's say that my computer doesn't behave exactly the way I want it…Thu, 03 Oct 2019 00:00:00 GMTadaptive-uistatechartsstate-machinesvisual-modelinghttps://davidk.dev/talks/rru-069-the-state-machines-in-react/https://davidk.dev/talks/rru-069-the-state-machines-in-react/Whether you know it or not, you're using state machines every day in your programming. One of the most interesting effects of thinking about your…Thu, 26 Sep 2019 00:00:00 GMTstate-machinesreactstatechartshttps://davidk.dev/talks/write-fewer-tests-from-automation-to-autogeneration/https://davidk.dev/talks/write-fewer-tests-from-automation-to-autogeneration/Thankfully, this got a bit easier when we started automating our tests, because instead, we could write these unit and integration tests for our code…Mon, 02 Sep 2019 00:00:00 GMTtestingreactxstatestate-machineshttps://davidk.dev/talks/the-visual-future-of-reactive-applications-with-statecharts/https://davidk.dev/talks/the-visual-future-of-reactive-applications-with-statecharts/David покажет нам, как можно делать удивительные вещи с использованием state machines, делая логику работы вашего приложения более прозрачной и…Wed, 28 Aug 2019 00:00:00 GMTstatechartsvisual-modelingreactive-programmingstate-machinesxstatestate-managementhttps://davidk.dev/talks/formal-forms-with-state-machines/https://davidk.dev/talks/formal-forms-with-state-machines/Such as this control, which already has its own local states, so you still have state spread out through your app, it's just a little less organized…Thu, 04 Jul 2019 00:00:00 GMTformsstate-machinesreactstate-managementreact-hooksstatechartshttps://davidk.dev/talks/reactive-state-machines-and-statecharts/https://davidk.dev/talks/reactive-state-machines-and-statecharts/What if you could automatically visualize your application logic? Discover how state machines and statecharts can help increase the speed of…Wed, 22 May 2019 00:00:00 GMTstatechartsstate-machinesreactive-programmingvisual-modelingevent-drivenhttps://davidk.dev/talks/state-of-the-art-user-interfaces-with-state-machines/https://davidk.dev/talks/state-of-the-art-user-interfaces-with-state-machines/As the number of possible states in your app grows, developing UIs can become exponentially more complex. With the help of finite automata, or finite…Mon, 13 May 2019 00:00:00 GMTstate-machinesstatechartsxstatevisual-modelinghttps://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-uis-in-react/https://davidk.dev/talks/mind-reading-with-adaptive-and-intelligent-uis-in-react/What if you could predict user behavior with smart UIs? In this talk, we will explore how we can make adaptive and intelligent UIs in React that learn…Thu, 02 May 2019 00:00:00 GMTadaptive-uireactstate-machinesstatechartshttps://davidk.dev/talks/lets-learn-state-machines/https://davidk.dev/talks/lets-learn-state-machines/What are state machines? How are they helpful? In this episode, David Khourshid ( walks us through refactoring a React component to use xstate, which…Thu, 04 Apr 2019 00:00:00 GMTstate-machinesxstatereact-hookshttps://davidk.dev/talks/why-you-should-know-state-machines/https://davidk.dev/talks/why-you-should-know-state-machines/This is a talk from David Khourshid on Finite State Machines! David is a Software Engineer for Microsoft and has given talks across the globe.Thu, 04 Apr 2019 00:00:00 GMTstate-machinesstate-managementvisual-modelingstatechartshttps://davidk.dev/talks/reactive-state-machines-and-statecharts-reactiveconf-2018/https://davidk.dev/talks/reactive-state-machines-and-statecharts-reactiveconf-2018/29th - 31st October 2018, Prague, Czech Republic ------------------------------------------------------------------- Reactive State Machines and…Sat, 03 Nov 2018 00:00:00 GMTstatechartsstate-machinesreactive-programmingvisual-modelingxstateevent-drivenhttps://davidk.dev/talks/state-of-the-art-web-user-interfaces-with-state-machines/https://davidk.dev/talks/state-of-the-art-web-user-interfaces-with-state-machines/This talk is intended for all developers, beginner to advanced, and provides gentle explanations to two otherwise confusing (but essential) computer…Thu, 04 Oct 2018 00:00:00 GMTstate-machinesstatechartsvisual-modelingxstatehttps://davidk.dev/talks/ahead-of-the-bezier-curve/https://davidk.dev/talks/ahead-of-the-bezier-curve/In this episode we get to talk with David Khourshid: front-end developer, tech author, international speaker, open-source contributor, co-host of the…Fri, 17 Aug 2018 00:00:00 GMTcss-animationhttps://davidk.dev/talks/the-finite-state-of-reactive-animations-fedc-taiwan-2018/https://davidk.dev/talks/the-finite-state-of-reactive-animations-fedc-taiwan-2018/Observables are core to what's known as reactive animations, and this differs from normal animations. One of my favorite quotes is any sufficiently…Sat, 21 Jul 2018 00:00:00 GMTreactive-programmingcss-animationstatechartsstate-machinesvisual-modelinghttps://davidk.dev/talks/reactive-state-machines-and-statecharts-react-finland-2018/https://davidk.dev/talks/reactive-state-machines-and-statecharts-react-finland-2018/Managing the many user interface states of an application easily becomes complicated. We'll discover how some historical and important computer science…Fri, 25 May 2018 00:00:00 GMTstatechartsstate-machinesreactive-programmingvisual-modelingxstatetestinghttps://davidk.dev/talks/reactive-animations-with-rxjs-keyframers-1-2-0/https://davidk.dev/talks/reactive-animations-with-rxjs-keyframers-1-2-0/This week's @keyframers episode featured David Khourshid giving a short talk and live coding demonstration at CodePen Houston on Reactive Animations…Fri, 20 Apr 2018 00:00:00 GMTreactive-programmingcss-animationhttps://davidk.dev/talks/behind-the-illusions-impossibly-high-performance-layout-animations/https://davidk.dev/talks/behind-the-illusions-impossibly-high-performance-layout-animations/Have you ever wanted to dynamically animate layouts without sacrificing performance? In this talk, innovative illusions will be revealed that will…Tue, 10 Apr 2018 00:00:00 GMTcss-animationhttps://davidk.dev/talks/simplifying-complex-uis-with-finite-automata-statecharts/https://davidk.dev/talks/simplifying-complex-uis-with-finite-automata-statecharts/My talk is simplifying, though I would have liked to see a talk titled simplifying complex talk titles with fewer words. When we're developing user…Thu, 05 Apr 2018 00:00:00 GMTstatechartsstate-machinesvisual-modelinghttps://davidk.dev/talks/fixate-on-code-19/https://davidk.dev/talks/fixate-on-code-19/David works on Microsoft's Visual Studio Live Share, a service that enables developers from anywhere in the world to collaboratively code, debug, and…Wed, 14 Feb 2018 00:00:00 GMTcss-animationvisual-modelingxstatehttps://davidk.dev/talks/the-observable-future-of-animations/https://davidk.dev/talks/the-observable-future-of-animations/UI animations can be an incredible asset to the user experience, but the handoff between prototyping complex motion interactions to implementing them…Mon, 08 Jan 2018 00:00:00 GMTreactive-programmingcss-animationhttps://davidk.dev/talks/devfest-florida-2017-interview/https://davidk.dev/talks/devfest-florida-2017-interview/Today we have a special guest speaking at the Deaf Fest, Florida around 11:30. I was always interested in both music and technology, but the recent…Sat, 11 Nov 2017 00:00:00 GMTcss-animationvisual-modelinghttps://davidk.dev/talks/reactive-web-animations-with-rxjs/https://davidk.dev/talks/reactive-web-animations-with-rxjs/David Khourshid gave this talk at Nordic.js 2017. Read more atMon, 02 Oct 2017 00:00:00 GMTreactive-programmingcss-animationhttps://davidk.dev/talks/infinitely-better-uis-with-finite-automata/https://davidk.dev/talks/infinitely-better-uis-with-finite-automata/If you go on Wikipedia, you're going to see this definition of the mathematical model of a deterministic finite state machine. Finite state machines…Thu, 31 Aug 2017 00:00:00 GMTstate-machinesstatechartshttps://davidk.dev/talks/getting-reactive-with-css/https://davidk.dev/talks/getting-reactive-with-css/In Internet Explorer 7, we had something called CSS expressions, and this is where we put JavaScript inside of CSS, so it's actually sort of the…Mon, 29 May 2017 00:00:00 GMTcss-animationreactive-programminghttps://davidk.dev/talks/talking-about-frameworks-jsdayes-2017/https://davidk.dev/talks/talking-about-frameworks-jsdayes-2017/Where, instead of designers making prototypes, designers can actually participate in the development process instead of a. The quicker you could chip…Tue, 23 May 2017 00:00:00 GMTstate-managementhttps://davidk.dev/talks/animate-react-components-using-rxjs/https://davidk.dev/talks/animate-react-components-using-rxjs/ (React Orlando meetup, 2017)Fri, 13 Jan 2017 00:00:00 GMTreactreactive-programminghttps://davidk.dev/talks/reactive-animations-with-css-variables/https://davidk.dev/talks/reactive-animations-with-css-variables/CSS variables are here, and they're much more powerful than you think. In this presentation, we will explore the many possibilities with mixing RxJS…Fri, 16 Sep 2016 00:00:00 GMTcss-animationreactive-programmingevent-drivenhttps://davidk.dev/talks/what-the-elm-mate/https://davidk.dev/talks/what-the-elm-mate/In this lightning talk, David describes what the Elm language is, what it is good for and some of the development patterns it uses.Wed, 09 Mar 2016 00:00:00 GMTtypescriptstate-managementreacthttps://davidk.dev/talks/getting-sassy-with-node-js/https://davidk.dev/talks/getting-sassy-with-node-js/SAS also has a ton of functions for manipulating lists, maps, colors and everything in between. Node SAS is a wrapper of Lipsas, which is written in C…Wed, 09 Dec 2015 00:00:00 GMTcss-animation