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)

Finding Hidden Gems in Your React Upgrades - RRU 205

Finding Hidden Gems in Your React Upgrades - RRU 205

The React Round Up panel joins the show as Jack takes the lead to talk about the various improvements made in the React Ecosystem. Additionally, they offer their thoughts and insights on these updates and share their potential value to the developers. They also talk about whether these features have an impact when used in apps.About this EpisodeDifferent React upgradesAdvantages and disadvantages of these new tools in your appsBenefits when using these featuresSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksJack - The Immortal Life of Henrietta Lacks Paige - Watch For All Mankind | Apple TV+TJ - The Magic Puzzle CompanyTJ - People I (Mostly) Admire Archives - FreakonomicsAdvertising 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.

7 Dec 202251min

How To Recession Proof Your Job - BONUS

How To Recession Proof Your Job - BONUS

Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time contract.  Join the episode to learn how Chuck and Mani get into a regular flow state with their work and consistently deliver at work.  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.

24 Nov 20221h 12min

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 204

All Things Voice Recognition and JavaScript with Ian Lavery - RRU 204

Returning guest, Ian Lavery from Picovice.ai, joins the hosts to talk all things voice recognition. He dives into new languages the company has tackled over the last year (and what languages it plans to tackle next year), how they train their models, and how Picovoice is actually running speech recognition in the browser instead of in the cloud, making things like captioning live streams and real-time chats possible with some of its newer tech Cheetah and Leopard. He also shares how he wrote a simple podcast transcription app using Picovoice and Express.js, in addition to Picovoice boasting specific SDKs for React, Angular and Vue. Listen to Ian's first appearance on RRU here where he and the panel went deep into the specifics of voice recognition like security and privacy, understanding it in general, and using it sans big cloud providers. Sponsors"Waldo, who helps with Android testing" Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksLinkedIn: Ian LaveryIan Lavery - MediumTwitter: @AiPicovoicePicksIan - Mixpanel: Product Analytics for Mobile, Web, & MorePaige - Star Trek: Lower Decks - WikipediaTJ - The Great British Bakeoff seriesAdvertising 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.

16 Nov 202249min

Migrating From A Monolithic Ruby App To React With Nirmalya Ghosh - RRU 203

Migrating From A Monolithic Ruby App To React With Nirmalya Ghosh - RRU 203

Nirmalya Ghosh joins the React Round Up panelists in this episode to talk about how he migrated a monolithic Ruby on Rails application to React. What was estimated to take 3 -6 months ended up taking about 2 years, and Nirmalya shares all the hard-won lessons he learned along the way for any listeners who might be preparing to make a similar upgrade. Additionally, he talks about the company he currently works for and how they're trying to become the one-stop shop for anyone looking for a good API online. Lots of interesting tidbits are packed into this episode! Sponsors"Waldo, who helps with iOS testing"Chuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksour VS Code Extension for building and testing APIsGitHub: ghoshnirmalyaTwitter: @NirmalyaGhosh_PicksNirmalya - Next.js 13Paige - Star Trek: Strange New Worlds - WikipediaTJ - Welcome to hell, ElonAdvertising 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.

9 Nov 202251min

Migrating to React Query from Redux with Pierre Hedkvist - 202

Migrating to React Query from Redux with Pierre Hedkvist - 202

Software engineer Pierre Hedkvist joins the React Round Up panelists to share some spicy (controversial) coding decisions he's made and then written about. The first hot topic is using React state to store filter setting in query parameters with the help of a custom Hook, and the second is migrating an app to rely more heavily on React Query instead of Redux. If you've been considering doing something similar, give this episode a listen to hear Pierre's strategies and advice for anyone looking to get started. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksStoring State in the URL with ReactMigrating from Redux to React QueryPierre HedkvistTwitter: @PierreHedkvistPicksPaige - ChrisFix | Youtube ChannelPierre - YJSPierre - LiveBlocksTJ - Magic PuzzlesAdvertising 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.

2 Nov 202241min

Supabase and Supabase Studio with Vijit Ail - RRU 201

Supabase and Supabase Studio with Vijit Ail - RRU 201

Return guest Vijit Ail joins the cast of React Round Up to talk all things Supabase. If you've ever used Firebase and wished it was open source, this is the episode for you. Vijit espouses all the cool things Supabase offers like schema definitions, edge functions, data streaming, and more. There's so much good info chocked into this episode, listen to learn how to get started with Supabase today. SponsorsTop End DevsCoaching | Top End DevsLinksVijit AilGitHub: vijitailTwitter: @AilVijitPicksJack- rfcs/0000-first-class-support-for-promises.md at first-class-promises · acdlite/rfcsPaige- StackBlitz Codeflow - StackBlitzVijit- House of the Dragon | Official Website for the HBO Series | HBO.comAdvertising 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.

26 Okt 202232min

Our 200th Episode Look Back - RRU 200

Our 200th Episode Look Back - RRU 200

In our 200th episode of React Round Up, the panelists take a look back at how their first appearances on RRU and how they came to be on the show. In addition to advice on how they got to where they are now, they also highlight some of their favorite guests who've graced RRU with all sorts of great React knowledge over the years and offer advice on how you can get started on your own tech podcast or (hopefully) be invited to join an existing one.Here's to 200 more episodes! SponsorsTop End DevsCoaching | Top End DevsOwnID, who provides passwordless authenticationPicksJonathan- Ferrari Daytona SP3 42143 | Technic - LegoPaige- TS3 Plus | Thunderbolt 3 Dock - CalDigitTJ- Dithering on Apple PodcastsAdvertising 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 Okt 202250min

Cypress.io: One Testing Framework to Rule Them All with Gleb Bahmutov - RRU 199

Cypress.io: One Testing Framework to Rule Them All with Gleb Bahmutov - RRU 199

Gleb Bahmutov, who worked with the Cypress.io team for 4 years, joins the panelists to talk all things testing. You may be familiar with Cypress as a popular JavaScript end-to-end testing framework, but did you know it recently began offering component testing as well? This may be just the incentive you need to ditch Jest and Testing Library for unit/integration tests and go all in on Cypress for all your testing needs. Listen up and let us know if you're convinced. SponsorsTop End DevsCoaching | Top End DevsLinksCypress v10 Tips and TricksCypress Tricks & TipsDr. Gleb Bahmutov, PhDTwitter: @bahmutovPicksGleb- Cypress.io Tips CoursesGleb- Cross Browser Testing, Selenium Testing, Mobile TestingGleb- 350 - Building a global climate movement.Paige- Kitchen tongs set of 3TJ- Fresh Food & Meal Kit Delivery Service | HelloFreshAdvertising 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 Sep 202248min

Populärt inom Business & ekonomi

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