Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 407: Reactive JavaScript and Storybook with Dean Radcliffe

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

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.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. 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. Panelists<ul><li>JC Hiatt</li></ul>With special guest: Dean RadcliffeSponsors<ul><li><a href="https://hasura.io" target="_blank" rel="noreferrer noopener">Hasura, Inc.</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li><li><a href="https://devchat.tv/adv-in-angular/" target="_blank" rel="noreferrer noopener">Adventures in Angular</a></li></ul>________________________________________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon.  Get your copy on that date only for $1. ________________________________________________________________________________________________________________________Links<ul><li><a href="https://dev.to/reactroundup/rru-083-reactive-programming-with-storybook-with-dean-radcliffe" target="_blank" rel="noreferrer noopener">RRU 083</a></li><li><a href="https://knockoutjs.com/" target="_blank" rel="noreferrer noopener">Knockout.js </a></li><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer noopener">Node.js</a></li><li><a href="https://www.meteor.com/" target="_blank" rel="noreferrer noopener">Meteor.js</a></li><li><a href="https://rxjs-dev.firebaseapp.com/" target="_blank" rel="noreferrer noopener">RXJS</a></li><li><a href="https://github.com/deanius/storybook-animate" target="_blank" rel="noreferrer noopener">Storybook Animate</a></li><li><a href="https://github.com/deanius/rx-helper" target="_blank" rel="noreferrer noopener">RX Helper library</a></li></ul> Follow DevChatTV on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" target="_blank" rel="noreferrer noopener">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" target="_blank" rel="noreferrer noopener">Twitter</a> PicksJC Hiatt:<ul><li><a href="https://www.imdb.com/title/tt7286456/" target="_blank" rel="noreferrer noopener">Joker</a></li><li><a href="https://devlifts.io/" target="_blank" rel="noreferrer noopener">DevLifts</a></li></ul>Dean Radcliffe: <ul><li> Twitter <a href="https://twitter.com/deaniusol" target="_blank" rel="noreferrer noopener">@deaniusol </a>and Github <a href="https://github.com/deanius" target="_blank" rel="noreferrer noopener">@deanius</a></li><li><a href="https://www.youtube.com/channel/UCtmYk7H-NNYLEe_LgBRYomA" target="_blank" rel="noreferrer noopener">The Keyframers</a></li><li><a href="https://www.actionforhealthykids.org/" target="_blank" rel="noreferrer noopener">Action for Healthy Kids</a></li></ul> Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

JSJ 407: Reactive JavaScript and Storybook with Dean Radcliffe

Poslechněte si podcast