RRU 083: Reactive Programming with Storybook with Dean Radcliffe
React Round Up15 Okt 2019

RRU 083: Reactive Programming with Storybook with Dean Radcliffe

Dean Radcliffe has been web developing since the table tag was the new hotness. His interests include his wife and two kids, music, sports, and he likes to say he helps people make whatever they can dream of. Since starting to move towards the frontend, React has been his weapon of choice, which he got started with in 2014. Dean works at G2.com, a software review site. They are developing a review form, which requires the code to react to events. For example, a person’s position in the company would affect what questions they see, so the form needs to react to which box is checked. Dean talks about the use cases for building a reactive form and what kind of things are going to happen when you fill in an input. For his form, the input will be remembered, and they want to increase the user’s involvement with the form through incentives. To accomplish this, Dean uses component driven development with Storybook. Storybook is a tool available for React and other frameworks, which lets you jump directly to each state you want to view instead of having to go through them all one by one. Basically, it gives you shortcuts directly to the visual states of your components. These states facilitate development and the feedback cycle going back to the designers, allowing them to see more than just the finished application and enabling them to circumvent mistakes. Storybook relates to reactive programming because component driven development lets you discover the API and what sets of props are necessary to put this component into each possible state that can be displayed. Dean does not use it as a test environment on his team, but it does help them write unit tests. It has an addon that lets you write unit tests in Storybook, but he hasn’t used it. Dean compares where reactivity and Storybook come together by comparing it to a thermometer.A thermometer will get readings over time of discrete values, and that timing is how people experience your components. You can create an observable of those states, and Storybook Animate ties them together. Your components, however, are still your responsibility. Dean talks about how he creates the observables. The observables are hardcoded, but the great thing is you don’t need to know where it came from. Dean describes how the observables are connected to the components. Dean feels that having this dynamic feed cycle makes it kind of fun to write tests. There is also a function called After which creates a set time out, which creates an observable of that value over time. Dean talks about his other tool, RX Helper. RX Helper provides an ‘after’ abstraction, and an event oriented layer in React. RX helper allows you to listen for custom events raised from the individual components of a form, and you respond to those events with observables, and the observables produce values over time.The goal of RX Helper provides some transparency and makes it easier to try out concurrency designs. The show concludes with Dean talking about some of the changes he’s made to his tools and how he came up with the idea. Panelists
  • Charles Max Wood
With special guest: Dean Radcliffe Sponsors Links Follow DevChatTV on Facebook and Twitter Picks Dean Radcliffe: Charles Max Wood: Special Guest: Dean Radcliffe.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Avsnitt(310)

Using CSS Style Inheritance with Sami Jaber - RRU 219

Using CSS Style Inheritance with Sami Jaber - RRU 219

Sami Jaber is a Software Engineer at Builder.io. He joins the show to discuss "Implementing CSS Style Inheritance in React Native". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksImplementing CSS Style Inheritance in React NativeA Quick Guide to MitosisSocialsTwitter: @samijaber_GitHub: samijaberPicksPaige - Adafruit PiTFT 3.5" Touch Screen for Raspberry PiSami - ATTITUDE | Reinventing BeautyTJ - The Silent Patient by Alex MichaelidesAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

3 Maj 202348min

Getting to Know Bruce A. Tate - BONUS

Getting to Know Bruce A. Tate - BONUS

Bruce A. Tate is a Founder at Groxio, Elixir Expert, and a Technical Author. He joins the show alongside Charles Max Wood to talk about his book, "Seven Languages in Seven Weeks". He also delves into some of the preparations and anticipations that come with reading the book. LinksSeven Languages in Seven Weeksgrox.io SocialsLinkedIn: Bruce TateTwitter: redrapidsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

28 Apr 202331min

Blockman with Levan Katsadze - RRU 218

Blockman with Levan Katsadze - RRU 218

Levan Katsadze is a React.js TypeScript developer and Author of VS Code extension "Blockman". He joins the show alongside Jack, Paige, and TJ to talk about Blockman. He starts off by defining it and describing how it functions. He also talks about the reason why he built the VS Code extension and the process of creating it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBlockman - Highlight Nested Code BlocksSocialsLinkedIn: Levan KatsadzeGitHub: leodevbroleodevbro.github.ioPicksJack - NCDU CommandPaige - Mayor of Kingstown (TV Series 2021TJ - Dungeons & Dragons: Honor Among Thieves (2023)Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

19 Apr 202342min

How Do You Stop Hating Your Job? - BONUS

How Do You Stop Hating Your Job? - BONUS

Are you dissatisfied with your job? Sam Feeney helps organizations improve employee engagement, increase retention, and reinvent hiring while helping individuals (re)discover career satisfaction in their current roles. He joins the show alongside Chuck Wood to tackle altering the way you perceive your job and talk about Career satisfaction.On YouTubeHow Do You Stop Hating Your Job? - BONUSSocialsLinkedIn: Sam FeeneyAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

12 Apr 202344min

Creating Apps with Capacitor and React Native - RRU 217

Creating Apps with Capacitor and React Native - RRU 217

Simon Grimm is a Creator, Indie Maker & Solopreneur. He is currently working at The Ionic Academy. He joins the panel to talk about React Native and Capacitor. He starts by explaining how a "Capacitor" contributes to your web application. They talk about how to build web applications with a capacitor and how it differs from using a React Native. On YouTubeCreating Apps with Capacitor and React Native - RRU 217SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web & Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksThe Ionic AcademySocialsDevdacticGitHub: saimon24LinkedIn: Simon GrimmTwitter: @schlimmsonPicksJack - Shop Polarized SunglassesPaige - Unseen Sunscreen SPF 40 | Oil-Free Face SunscreenSimon - Gandalf the Grey™ & Balrog™TJ - 11/22/63: A Novel: King, StephenAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

6 Apr 202349min

Comparing React and Angular in 2023 - RRU 216

Comparing React and Angular in 2023 - RRU 216

Hosts of the Adventures in Angular podcast, Chuck Wood and Lucas Paganini, join the React Round Up Panel on this week's episode crossover. They begin the episode by contrasting the two frameworks and offering their own viewpoints on React and Angular. Additionally, they explain each of the frameworks' strong points.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipEducational Linksreact.devArticle by Lucas PaganiniVideo by Lucas PaganiniPromoted LinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comBlues.ioPaige NiedringhausBlue Collar CoderSocialsYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebTwitter: @cmaxwTwitter: @tjvantollTwitter: @jherrTwitter: @pniedriPicksChuck - AtiwaLucas - Modernize an Enterprise React App by Paige NiedringhausPaige - Scubapro / Dive Skins / Diving Suits: Sports & OutdoorsTJ - 11/22/63 by Stephen KingAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

29 Mars 20231h 4min

An Introduction to Helios With Sean Austin - RRU 215

An Introduction to Helios With Sean Austin - RRU 215

Sean Austin is the CEO and Co-Founder of Helios. It is pioneering speech analytics for Wall Street. He joins the show to explain more about his company's background, how it got started and some of the factors they consider that have an impact on the company. He also discusses the services they can provide to their clients. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksHeliosMarkets Slammed With Noise, Investors Trust Tone to Set the Record StraightThe Helios Life EpisodeSean AustinLinkedIn: Sean AustinTwitter: @stlgotmynikesonPicksPaige - 1923 (TV Series 2022–2023) - IMDbSean - The Last of Us (TV Series 2023– ) - IMDbTJ - hooplaTJ - Libby appAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

8 Mars 202350min

The React Universe - RRU 214

The React Universe - RRU 214

Jack, Paige, and TJ join this week's panelist episode to tackle all things React and their take on different frameworks. They start off by talking about the pros and cons of "Create React App". They also discuss the Typescript 5.0 features and the SvelteKit, which was just released.On YouTubeThe React Universe - RRU 214SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksCreate React AppAnnouncing TypeScript 5.0 BetaSvelteKit@astrojs/react Astro DocumentationGatsby: The Fastest Frontend for the Headless WebNetlifyI Was Wrong About Nested React Components | YouTubePicksJack - Logitech MX Vertical Ergonomic Wireless MousePaige - Only Murders in the Building (TV Series 2021– ) - IMDbTJ - The Sixth Sense (1999) - IMDbAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

15 Feb 202348min

Populärt inom Business & ekonomi

badfluence
framgangspodden
varvet
rss-jossan-nina
uppgang-och-fall
rss-svart-marknad
rss-borsens-finest
bathina-en-podcast
24fragor
lastbilspodden
avanzapodden
rss-kort-lang-analyspodden-fran-di
affarsvarlden
borsmorgon
rss-dagen-med-di
kapitalet-en-podd-om-ekonomi
tabberaset
svd-tech-brief
dynastin
rss-en-rik-historia