Date: Tue, 12 Nov 2019 11:00:00 +0000
<div class="trix-content"> <div><strong>Dean is a developer from Chicago and was previously on React Round Up 083. Today he has come over to JavaScript Jabber to talk about reactive programming and Storybook. Reactive programming is the opposite of imperative programming, where it will change exactly when needed instead of change only when told to. Reactivity existed long before React, and Dean talks about his history with reactive programming. He illustrates this difference by talking about Trello and Jira. In Trello, as you move cards from swimlane to another swimlane, everyone on the board sees those changes right away. In Jira, if you have 11 tabs open, and you update data in one tab, probably 10 of your tabs are stale now and you might have to refresh. Reactive programming is the difference between Trello and Jira.</strong></div><div><strong>The panel discusses why reactive JavaScript is not more widely used. People now tend to look for more focused tools to solve a particular part of the problem than an all in one tool like Meteor.js. Dean talks about the problems that Storybook solves. Storybook has hot reloading environments in frontend components, so you don’t need the backend to run. Storybook also allows you to create a catalogue of UI states. JC and Dean talk about how Storybook could create opportunities for collaboration between engineers and designers. They discuss some causes of breakage that automation could help solve, such as styles not being applied properly and internationalization issues. Dean shares how to solve some network issues, such as having operators in RxJs. RxJs is useful for overlapping calls because it was built with cancelability from the beginning. </strong></div><div><strong>Dean talks about his tool Storybook Animate, which allows you to see what the user sees. Storybook is an actively updated product, and Dean talks about how to get started with it. The show concludes with Dean talking about some things coming down the pipe and how he is actively involved in looking for good general solutions to help people write bulletproof code. </strong></div><div><strong>Panelists</strong></div><ul><li><strong>JC Hiatt</strong></li></ul><div><strong>With special guest: Dean Radcliffe</strong></div><div><strong>Sponsors</strong></div><ul> <li><a href="https://hasura.io"><strong>Hasura, Inc.</strong></a></li> <li> <a href="http://sentry.io/"><strong>Sentry</strong></a><strong> use the code “devchat” for 2 months free on Sentry’s small plan</strong> </li> <li><a href="https://devchat.tv/adv-in-angular/"><strong>Adventures in Angular</strong></a></li> </ul><div><strong><em>________________________________________________________________________________________________________________________</em></strong></div><blockquote> <strong><em>"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood</em></strong><strong> will be out on November 20th on Amazon. Get your copy on that date only for $1.</strong> </blockquote><div><strong><em>________________________________________________________________________________________________________________________</em></strong></div><div><strong>Links</strong></div><ul> <li><a href="https://dev.to/reactroundup/rru-083-reactive-programming-with-storybook-with-dean-radcliffe"><strong>RRU 083</strong></a></li> <li><a href="https://knockoutjs.com/"><strong>Knockout.js </strong></a></li> <li><a href="https://nodejs.org/"><strong>Node.js</strong></a></li> <li><a href="https://www.meteor.com/"><strong>Meteor.js</strong></a></li> <li><a href="https://rxjs-dev.firebaseapp.com/"><strong>RXJS</strong></a></li> <li><a href="https://github.com/deanius/storybook-animate"><strong>Storybook Animate</strong></a></li> <li><a href="https://github.com/deanius/rx-helper"><strong>RX Helper library</strong></a></li> </ul><div> <strong>Follow DevChatTV on </strong><a href="https://www.facebook.com/DevChattv/?__tn__=%2C... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy
