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)

Performance Testing and THREE.js With Giulio Zausa - RRU 213

Performance Testing and THREE.js With Giulio Zausa - RRU 213

Giulio Zausa is a Software Engineer at Flux. They build next-generation collaborative tools for hardware design. He joins the show to talk about his projects on Flux. He also shares some of his tips and experiences on how to improve your application performance. Moreover, he dives into what the react-three-fiber library is all about and its functions. About This EpisodeChrome ProfilerPerformance TestingUsing React in building appsTHREE.js and react-three-fiber librarySponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksFluxScaling 3D Graphics on the Web (GrazJS #34)react-three-fiberGiulio ZausaGitHub: giuliozTwitter: @giuliozausaPicksGiulio - v86Paige - OpenAPI Initiative: HomeTJ - Poker Face (TV Series 2023– ) - 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.

8 Feb 202352min

User Authorization With Cerbos - RRU 212

User Authorization With Cerbos - RRU 212

Alex Olivier is a Product Lead at Cerbos. It is a self-hosted, open-source authorization layer that separates your authorization logic from your core application code. He joins the show to talk about the company in more detail and what it can offer to its users. Additionally, he explains the process of Testing and Setting it up. About this EpisodeHow authorization enables a company to scale, win enterprise clients, and meet regulatory requirementsThe ongoing shift in decoupling applications into specialized services, authentication was first, and now authorization being the next big oneStateful vs Stateless authorizationConfiguration vs Code - Cerbos policiesBeing ‘Cloud Native’ - first class support for metrics, telemetry, observabilityLearning about Cerbos for new usersSponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksCerbosCerbos @ CollisionConf 2022 - YouTubeCerbos #3 - How Cerbos Works - YouTubeLinkedIn: CerbosLinkedIn: Alex OlivierPicksAlex - Wireless Flight Adapter Jack - Fusion 360Paige - Your Best Portable Monitor On-the-Go – Arzopa StoreTJ - Sign Up for National Geographic NewslettersAdvertising 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.

1 Feb 202346min

Shifting Away From CSS-in-JS With Sam Magura - RRU 211

Shifting Away From CSS-in-JS With Sam Magura - RRU 211

Sam Magura is a Software developer at Spot. He joins the show alongside, Jack and TJ to talk about his article, "Why We're Breaking Up with CSS-in-JS". He was the second most active maintainer of Emotion, a widely-popular CSS-in-JS library for React. But realized it came with a big performance cost and added unnecessary complexity. He describes the specific inefficiencies that he has encountered while using it and how he came to realize them. Moreover, he talks about his solution to these performance problems. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWhy We're Breaking Up with CSS-in-JS - DEV Community 👩‍💻👨‍💻emotion-js/emotionGitHub: srmaguraLinkedIn: Sam MaguraPicksJack - Watch The Midnight Gospel | Netflix Official SiteSam - Skiing in ColoradoTJ - M3GAN (2022) - 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.

25 Jan 202342min

A Shift In Focus With Jack Franklin - RRU 210

A Shift In Focus With Jack Franklin - RRU 210

Jack Franklin is working on Chrome DevTools as a Frontend Engineer at Google. He joins the show to talk about his article, "Why I don't miss React: a story about using the platform". He explains why he wrote his article and about his experience working with ChromeDevTools. Additionally, he dives into the advantages of Web components and its difference from React. He tackles all of the key points of his article. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWhy I don't miss React: a story about using the platformJack FranklinJack (@jack@indieweb.social)Twitter: @Jack_FranklinPicksJack F. - Ben VallackJack H. - Midjourney - DiscordPaige - Watch Mythic Quest | Apple TV+TJ - BokksuAdvertising 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.

18 Jan 202349min

Predictions For 2023 - RRU 209

Predictions For 2023 - RRU 209

Talking about their 2023 Hot Takes and predictions, Jack, Paige, and TJ tackle this week's Panelist episode. They discuss their hopes for this year as well as potential improvements to the various languages and technologies. Additionally, they also dive into some of the software development tools and share their recommendations and expectations for them. SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicks Jack - Four Thousand WeeksPaige - ErGear Height Adjustable Electric Standing DeskTJ - Buy AirPods ProAdvertising 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.

11 Jan 202346min

Jumpstart Your React Career With Collin Pfeifer - RRU 208

Jumpstart Your React Career With Collin Pfeifer - RRU 208

Collin Pfeifer, writer, software engineer, and student at Indiana University joins the React Round Up panel to discuss the intricacies and pitfalls in Create React App, the roadmap of being a self-taught developer, and how the computer education system has changed over the years.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWhy Create React App is Outdated in 2022Collin PfeiferTwitter: @pfeifer_collinPicksCollin - GitHub student developer packCollin - Thrifting mystery packsJack - Rubik's CubeTJ - Lensa AI: photo & video editor 4+ - App StoreAdvertising 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.

4 Jan 202347min

New Features in Storybook with Shaun Evening - RRU 207

New Features in Storybook with Shaun Evening - RRU 207

Chromatic developer experience engineer Shaun Evening joins the React Round Up hosts to talk about all the new features rolling out with the release of Storybook 7. Have you ever wanted to combine your Storybook integration with Material UI, Ant Design, or any other component library? Well, Storybook's making it easier than ever, and that's just the beginning. A new offering called Integrations allows users to add all sorts of plugins to their Storybook workflows for even more functionality, and has "recipes" to help you get the most out of your Storybook. Follow Shaun on Twitter for all the latest and greatest happening at Chromatic: https://twitter.com/Integrayshaun  SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksJack - Rice CookersJack - Arc from The Browser CompanyShaun - Warp: The terminal for the 21st centuryPaige - Trinidad's Ponche de Créme (Cream Punch)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.

22 Dec 202251min

New React features, MDX and Docusaurus with Sebastien Lorber - RRU 206

New React features, MDX and Docusaurus with Sebastien Lorber - RRU 206

Sebastien Lorber, Docusaurus maintainer at Meta and This Week in React newsletter creator, joins the React Round Up panel to discuss the latest and greatest in React 18, including lesser-known hooks and features that are making the framework more useful and performant than ever before. He also deep dives into why Docusaurus (maintained by Meta/Facebook) has become such a popular static site generator for companies and dev teams in all industries to document their products, APIs, software, and more. Learn more about the most exciting new developments in the React ecosystem by listening now and stay up to date with new developments by signing up for Sebastien's free This Week in React newsletter.  SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksDocusaurusThis Week In ReactuseSyncExternalStore - The underrated React API | This Week In ReactRecords & Tuples for ReactTwitter: @sebastienlorberSébastien Lorber's websitePicksJack - Console Ninja - Visual Studio MarketplacePaige - Top Gear UK TV SeriesSebastien - Remotion | Make videos programmatically in ReactSebastien - Three.js Journey - Learn WebGL with Three.jsTJ - Electric Wine OpenerAdvertising 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.

14 Dec 202249min

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