added episode 27, david k piano

Author: Steve Krouse

episodes/27.md

@@ -0,0 +1,44 @@
+---
+title: 27 - Bringing Explicit Modeling To The Web - David K Piano
+---
+
+# 27 - Bringing Explicit Modeling To The Web: David K Piano
+
+_07/17/18_
+
+David K Piano is brining explicit software modeling to the web with his xstate library. He gives talks around the world about statecharts, and is cooking up a new SaaS service that will help developers model and understand their application using statecharts. In this conversation, David and I discuss the benefits of declarative languages, such as CSS, the principle of least power, musical notation, Facebook Origami.
+
+<iframe src="https://omny.fm/shows/future-of-coding/27-bringing-explicit-modeling-to-the-web-david-k-p/embed?style=artwork" width="100%" height="180" frameborder="0"></iframe>
+
+## Links
+
+* [@DavidKPiano on Twitter](https://twitter.com/davidkpiano)
+* [@DavidKPiano on Instagram](https://www.instagram.com/davidkpiano/)
+* [@DavidKPiano on CodePen](https://codepen.io/davidkpiano)
+* [DavidKPiano on Github](https://github.com/davidkpiano)
+* [Keyframers on Twitch](https://www.twitch.tv/keyframers)
+* [Keyframers on Patreon](https://www.patreon.com/keyframers/posts?tag=animation)
+* [xstate](https://github.com/davidkpiano/xstate)
+* [World of Statecharts](https://statecharts.github.io/)
+* [Statecharts Spectrum Community](https://spectrum.chat/statecharts)
+* David Harel's [Statecharts](http://www.inf.ed.ac.uk/teaching/courses/seoc/2005_2006/resources/statecharts.pdf)
+* Ian Horrocks's [Contructing the User Interface with Statecharts](https://www.amazon.com/Constructing-User-Interface-Statecharts-Horrocks/dp/0201342782)
+* xstate used in production at [workshop.me](https://workshop.me/)
+* Guillermo Rauch's [Pure UI](https://rauchg.com/2015/pure-ui)
+* Adam Solove's [Pure UI Control](https://medium.com/@asolove/pure-ui-control-ac8d1be97a8d)
+* [Vintage concepts, fresh application - CS-in-JS](https://medium.com/@elianne/vintage-concepts-fresh-applications-cs-in-js-af85be4ed487)
+* [SCXML](https://www.w3.org/TR/scxml/)
+* [Editable statecharts visualization](bit.ly/xstate-viz)
+* [RxJS](https://github.com/ReactiveX/rxjs)
+* [Facebook Origami](https://origami.design/)
+* [Luna-Lang](http://luna-lang.org)
+
+<script repoPath="stevekrouse/futureofcoding.org" type="text/javascript" src="/unbreakable-links/index.js"></script>
+<script>
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+ga('create', 'UA-103157758-1', 'auto');
+ga('send', 'pageview');
+</script>