Pierre Hedkvist

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 TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome 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 &amp; Opt-Out: https://redcircle.com/privacy

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. <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><h1> </h1><h1>Links</h1><ul><li><a href="https://pierrehedkvist.com/posts/react-state-url" rel="nofollow" target="_blank">Storing State in the URL with React</a></li><li><a href="https://pierrehedkvist.com/posts/migrating-from-redux-to-react-query" rel="nofollow" target="_blank">Migrating from Redux to React Query</a></li><li><a href="http://www.pierrehedkvist.com/" rel="nofollow" target="_blank">Pierre Hedkvist</a></li><li><a href="https://twitter.com/pierrehedkvist" rel="nofollow" target="_blank">Twitter: @PierreHedkvist</a></li></ul> <h1>Picks</h1><ul><li>Paige - <a href="https://www.youtube.com/channel/UCes1EvRjcKU4sY_UEavndBw" rel="nofollow" target="_blank">ChrisFix | Youtube Channel</a></li><li>Pierre - YJS</li><li>Pierre - LiveBlocks</li><li>TJ - Magic Puzzles</li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Migrating to React Query from Redux with Pierre Hedkvist - RRU 227

Collin Pfeifer

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 TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome 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 &amp; video editor 4+ - App StoreAdvertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

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. <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://javascript.plainenglish.io/why-create-react-app-is-outdated-in-2022-b1d9c99e18d0" rel="nofollow" target="_blank">Why Create React App is Outdated in 2022</a></li><li><a href="https://www.collinpfeifer.dev/" rel="nofollow" target="_blank">Collin Pfeifer</a></li><li><a href="https://twitter.com/pfeifer_collin" rel="nofollow" target="_blank">Twitter: @pfeifer_collin</a></li></ul> <h1>Picks</h1><ul><li>Collin - <a href="https://education.github.com/pack" rel="nofollow" target="_blank">GitHub student developer pack</a></li><li>Collin - <a href="https://goodfair.com/" rel="nofollow" target="_blank">Thrifting mystery packs</a></li><li>Jack - <a href="https://rubiks.com/" rel="nofollow" target="_blank">Rubik's Cube</a></li><li>TJ - <a href="https://apps.apple.com/us/app/lensa-ai-photo-video-editor/id1436732536" rel="nofollow" target="_blank">Lensa AI: photo &amp; video editor 4+ - App Store</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Jumpstart Your React Career With Collin Pfeifer  - RRU 226

Jack, Paige, and TJ join this week's panelist episode to talk about Figma. Figma is a web-based design tool. Jack takes the lead as he talks about its new exciting features, how this tool benefits the designers, what sets it apart from competing design tools, and many more!SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksFigma: The Collaborative Interface Design ToolPicksJack - Monkeytype | A minimalistic, customizable typing testPaige - Ted Lasso (TV Series 2020–2023)TJ - The Legend of Zelda: Breath of the WildAdvertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Jack, Paige, and TJ join this week's panelist episode to talk about Figma. Figma is a web-based design tool. Jack takes the lead as he talks about its new exciting features, how this tool benefits the designers, what sets it apart from competing design tools, and many more! <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://www.figma.com/" rel="nofollow" target="_blank">Figma: The Collaborative Interface Design Tool</a></li></ul> <h1>Picks</h1><ul><li>Jack - <a href="https://monkeytype.com/" rel="nofollow" target="_blank">Monkeytype | A minimalistic, customizable typing test</a></li><li>Paige - <a href="https://www.imdb.com/title/tt10986410/" rel="nofollow" target="_blank">Ted Lasso (TV Series 2020–2023)</a></li><li>TJ - <a href="https://www.zelda.com/breath-of-the-wild/" rel="nofollow" target="_blank">The Legend of Zelda: Breath of the Wild</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Figma's Biggest Change - RRU 225

Peter Osah is a Fullstack Software Engineer, Technical Writer, and a Biochemist &amp; Bioinformatics Enthusiast. He joins the show to talk about his article, " Bootstrap your next Preact application with Bun". He begins by giving the listeners an introduction to Bun and its advantages. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksBootstrap your next Preact application with BunSocialsLinkedIn: Peter OsahPicksJack - Spider Grills - The Original Spider-22Paige - GitHub Copilot · Your AI pair programmerTJ - The Vergecast Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Peter Osah is a Fullstack Software Engineer, Technical Writer, and a Biochemist &amp; Bioinformatics Enthusiast. He joins the show to talk about his article, " <a href="https://soshace.com/bootstrap-your-next-preact-application-with-bun/" rel="nofollow" target="_blank">Bootstrap your next Preact application with Bun</a>". He begins by giving the listeners an introduction to Bun and its advantages.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://soshace.com/bootstrap-your-next-preact-application-with-bun/" rel="nofollow" target="_blank">Bootstrap your next Preact application with Bun</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/peter-osah-744118179/" rel="nofollow" target="_blank">LinkedIn: Peter Osah</a></li></ul> <h1>Picks</h1><ul><li>Jack - <a href="https://www.spidergrills.com/" rel="nofollow" target="_blank">Spider Grills - The Original Spider-22</a></li><li>Paige - <a href="https://github.com/features/copilot" rel="nofollow" target="_blank">GitHub Copilot · Your AI pair programmer</a></li><li>TJ - <a href="https://www.google.com/search?cs=1&amp;q=The+Vergecast&amp;sa=X&amp;stick=H4sIAAAAAAAAAONgVeLVT9c3NEyvTMozT082NuItSy1KT1UoyE9JTiwuOcWIKg3nxxcWFCdXxCPzi8xy8mD8tKzclLLkgkIYv6iiMsMkqaQCLp9tlJ5mYJ4G4-cUmlWlWyQnw_gZxsmGZul5xch8U4vsHBi_MDensrwsPQ1J3qAouSAbbl56pXFlZaE5XN7CIDnHoATOzzY1zzVPzzaFuy85vTLDIs38EeMbRm6Blz_uCUs9Ypy05uQ1xtuMXAI--fnFqTmVQak5iSWpKSH5QhJcbK55JZkllUJ8UjxcXPq5-gYZxoU58WlCflzcwaklIfm--SmZaZVC9kK2XJy-qblJqUXF_mlCOlxczvk5OanJJZn5eUJyUjJcUvrJcAF9aKDHF6cWZaYWWzFpMCpFG3nsujTtHJuTIAMQzFMNdpDS0hLkYnPJz03MzBN0YGBw-P__vb2WMBdHSGJFfl5-bqVgmXSqn03-UnsLBiVOTqAuherm2_ZaDBOYGJv2rTjExsHBKMBgxMTBUMXAs4iVNyQjVSEMFOcgqyewMQIAjkOH9BMCAAA&amp;ved=2ahUKEwikysOR8Nb_AhWeS2wGHUFuB2EQ7fAIegQIABBS" rel="nofollow" target="_blank">The Vergecast</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Bootstrapping Application with Bun - RRU 224

Oluwaseun Raphael Afolayan is the Co-Founder of MyTherapist.ng, Technical Author, Fullstack Mobile Engineer, and eSports Gamer. He joins the show to talk about Firebase. He discusses the services that Firebase offers and why he chose it. SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipLinksFirebaseSocialsLinkedIn: Oluwaseun Raphael AfolayanPicksJack - Insta360 X3 – Waterproof 360 Action CameraPaige - Star Trek: Picard (TV Series 2020–2023)TJ - GCI Outdoor Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Oluwaseun Raphael Afolayan is the Co-Founder of <a href="http://MyTherapist.ng" rel="nofollow" target="_blank">MyTherapist.ng</a>, Technical Author, Fullstack Mobile Engineer, and eSports Gamer. He joins the show to talk about Firebase. He discusses the services that Firebase offers and why he chose it.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://firebase.google.com/" rel="nofollow" target="_blank">Firebase</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/theafolayan/" rel="nofollow" target="_blank">LinkedIn: Oluwaseun Raphael Afolayan</a></li></ul> <h1>Picks</h1><ul><li>Jack - <a href="https://www.insta360.com/product/insta360-x3" rel="nofollow" target="_blank">Insta360 X3 – Waterproof 360 Action Camera</a></li><li>Paige - <a href="https://www.imdb.com/title/tt8806524/" rel="nofollow" target="_blank">Star Trek: Picard (TV Series 2020–2023)</a></li><li>TJ - <a href="https://gcioutdoor.com/" rel="nofollow" target="_blank">GCI Outdoor</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Everything About Firebase - RRU 223

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. On YouTubeWhat It Takes To Be A Web Developer: Part 2 - RRU 222SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappir PicksAJ - LMNT - The Best Electrolyte Drink Mix EverAJ - MikroTik Routers and Wireless - ProductsDan - JSNation – the main JavaScript conference of 2023Dan - JNation 2023Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects.  <h1>On YouTube</h1><a href="https://youtu.be/O4_THl8Wvvk" rel="nofollow" target="_blank">What It Takes To Be A Web Developer: Part 2 - RRU 222</a> <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/coolaj86/" rel="nofollow" target="_blank">LinkedIn: AJ O'Neal</a></li><li><a href="https://twitter.com/coolaj86" rel="nofollow" target="_blank">Twitter: @coolaj86</a></li><li><a href="https://www.linkedin.com/in/dshappir/" rel="nofollow" target="_blank">LinkedIn: Dan Shappir </a></li><li><a href="https://twitter.com/DanShappir" rel="nofollow" target="_blank">Twitter: @DanShappir</a></li></ul> <h1>Picks</h1><ul><li>AJ - <a href="https://drinklmnt.com/products/lmnt-recharge-electrolyte-drink" rel="nofollow" target="_blank">LMNT - The Best Electrolyte Drink Mix Ever</a></li><li>AJ - <a href="https://mikrotik.com/products" rel="nofollow" target="_blank">MikroTik Routers and Wireless - Products</a></li><li>Dan - <a href="https://jsnation.com/" rel="nofollow" target="_blank">JSNation – the main JavaScript conference of 2023</a></li><li>Dan - <a href="https://jnation.pt/" rel="nofollow" target="_blank">JNation 2023</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

What It Takes To Be A Web Developer: Part 2 - RRU 222

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects. SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: AJ O'NealTwitter: @coolaj86LinkedIn: Dan Shappir Twitter: @DanShappir Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Hosts from the JavaScript Jabber podcast, AJ O'Neal and Dan Shappir join this week's crossover episode. They begin by giving a brief introduction of themselves. They talk about how to become a web developer and their perspective on being a web developer. Additionally, they discuss creating open-source projects.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow" target="_blank">Developer Book Club </a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/coolaj86/" rel="nofollow" target="_blank">LinkedIn: AJ O'Neal</a></li><li><a href="https://twitter.com/coolaj86" rel="nofollow" target="_blank">Twitter: @coolaj86</a></li><li><a href="https://www.linkedin.com/in/dshappir/" rel="nofollow" target="_blank">LinkedIn: Dan Shappir </a></li><li><a href="https://twitter.com/DanShappir" rel="nofollow" target="_blank">Twitter: @DanShappir</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

What It Takes To Be A Web Developer: Part 1 - RRU 221

Chirag Dugar

Chirag Dugar is a Software Development Engineer - II at Javis. He begins the show by talking about transitioning from being a college student to a Software Developer. He also shares his past learnings in coding and making connections during his internship. Moreover, he discusses his React projects, his experiences in creating those and his challenges.SponsorsChuck's Resume TemplateRaygun - Application Monitoring For Web &amp; Mobile AppsBecome a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Chirag Dugar GitHub: ChiragDugarTwitter: @c_dugar2011PicksChirag - In-App Chat &amp; MessagingJack - RaycastPaige - vscode-petsAdvertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Chirag Dugar is a Software Development Engineer - II at Javis. He begins the show by talking about transitioning from being a college student to a Software Developer. He also shares his past learnings in coding and making connections during his internship. Moreover, he discusses his React projects, his experiences in creating those and his challenges. <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/chirag-dugar/" rel="nofollow" target="_blank">LinkedIn: Chirag Dugar </a></li><li><a href="https://github.com/ChiragDugar" rel="nofollow" target="_blank">GitHub: ChiragDugar</a></li><li><a href="https://twitter.com/c_dugar2011" rel="nofollow" target="_blank">Twitter: @c_dugar2011</a></li></ul> <h1>Picks</h1><ul><li>Chirag - <a href="https://www.cometchat.com/chat-messaging" rel="nofollow" target="_blank">In-App Chat &amp; Messaging</a></li><li>Jack - <a href="https://www.raycast.com/" rel="nofollow" target="_blank">Raycast</a></li><li>Paige - <a href="https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets" rel="nofollow" target="_blank">vscode-pets</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Being a React Developer with Chirag Dugar - RRU 220

Sami Jaber

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 &amp; 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 &amp; Opt-Out: https://redcircle.com/privacy

Sami Jaber is a Software Engineer at <a href="http://Builder.io" rel="nofollow" target="_blank">Builder.io</a>. He joins the show to discuss "<a href="https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native" rel="nofollow" target="_blank">Implementing CSS Style Inheritance in React Native</a>". He starts by talking about the inspiration behind the article's concept. He also talks about Mitosis, how to use it, and its features.  <h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow" target="_blank">Chuck's Resume Template</a></li><li><a href="https://raygun.com/" rel="nofollow" target="_blank">Raygun - Application Monitoring For Web &amp; Mobile Apps</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow" target="_blank">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> <h1>Links</h1><ul><li><a href="https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native" rel="nofollow" target="_blank">Implementing CSS Style Inheritance in React Native</a></li><li><a href="https://www.builder.io/blog/mitosis-a-quick-guide" rel="nofollow" target="_blank">A Quick Guide to Mitosis</a></li></ul> <h1>Socials</h1><ul><li><a href="https://twitter.com/samijaber_" rel="nofollow" target="_blank">Twitter: @samijaber_</a></li><li><a href="https://github.com/samijaber" rel="nofollow" target="_blank">GitHub: samijaber</a></li></ul> <h1>Picks</h1><ul><li>Paige - <a href="https://learn.adafruit.com/adafruit-pitft-3-dot-5-touch-screen-for-raspberry-pi/using-the-console" rel="nofollow" target="_blank">Adafruit PiTFT 3.5" Touch Screen for Raspberry Pi</a></li><li>Sami - <a href="https://attitudeliving.com/" rel="nofollow" target="_blank">ATTITUDE | Reinventing Beauty</a></li><li>TJ - <a href="https://www.goodreads.com/book/show/40097951-the-silent-patient" rel="nofollow" target="_blank">The Silent Patient by Alex Michaelides</a></li></ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Using CSS Style Inheritance with Sami Jaber - RRU 219

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 &amp; Opt-Out: https://redcircle.com/privacy

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, "<a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow" target="_blank">Seven Languages in Seven Weeks"</a>. He also delves into some of the preparations and anticipations that come with reading the book.  <h1>Links</h1><ul><li><a href="https://pragprog.com/titles/btlang/seven-languages-in-seven-weeks/#:~:text=Ruby%2C%20Io%2C%20Prolog%2C%20Scala,languages%20within%20a%20single%20book." rel="nofollow" target="_blank">Seven Languages in Seven Weeks</a></li><li><a href="https://grox.io/" rel="nofollow" target="_blank">grox.io </a></li></ul> <h1>Socials</h1><ul><li><a href="https://www.linkedin.com/in/bruce-tate/" rel="nofollow" target="_blank">LinkedIn: Bruce Tate</a></li><li><a href="https://twitter.com/redrapids" rel="nofollow" target="_blank">Twitter: redrapids</a></li></ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Getting to Know Bruce A. Tate - BONUS

Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.

Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.

React Round Up

In this week’s episode of React Round Up the panel works their way through a blog post outlining best practices for React. The first is “keeping components small and function-specific”. The panel discusses the pros of using this best practice and how it relates to the single responsibility principle. This best practice also helps with the next, “reusability is important”.The panel considers this second best practice and points out some of its flaws. It recommends avoiding the creation of new components. The panel explains that by avoiding creating new components it saves time but can also cause problems as you adapt components to fit more projects. The next best practice is “consolidate duplicate code”, the panel shares their philosophies on dry code and when to consolidate. The fourth best practice is comment only when necessary, Charles explains how he uses comments to help him keep track of things inside his code and the panel warns against using too many comments as it may clog up your code making it hard to read. The fifth best practice is, “name the component after the function”. The panel explains how it is an art finding a name that is not too generic but is not overly specific; mastering the art of naming is something that will benefit everyone. Naming relates to the sixth best practice as well. “Use capitals when naming components”. The panel explains the need for convention and advises developers not to go off-book as this will slow down others. The last six best practices are all self-explanatory says the panel. “Separate stateful aspects from rendering” is nothing new. “Code should execute as expected and be testable”, the panel explains how this allows for trust between developers.  “All files relating to a single component should be in the same folder”, this makes everything easy to find when necessary. “Use tools like Bit”, while the panel doesn’t use Bit, they share tool recommendations. They also comment on the progress being made it tooling and the future of automated tools. “Use snippet libraries”, the panel discusses favorite libraries and building their own libraries. The final best practice is “Follow linting rules”.Panelists  Charles Wood   Christopher Reyes   Thomas Aylott  Sponsors  NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!    Sentry– use the code “devchat” for two months free on Sentry’s small plan   CacheFly  Links  https://teachablemachine.withgoogle.com/    Practical React Hooks: How to refactor your app to use Hooks    12 React Best Practices You Need to Follow in 2020    https://github.com/nadeesha/saul    https://www.facebook.com/React-Round-Up   https://twitter.com/reactroundup  PicksCharles Wood:  White Christmas    Holiday Inn    The MaxCoders Guide To Finding Your Dream Developer Job   Christopher Reyes:  https://github.com/microsoft/vscode-eslint    https://www.playingwithfire.co/   Thomas Aylott: test &amp;&amp; commit || revert  Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

In this week’s episode of React Round Up the panel works their way through a blog post outlining best practices for React. The first is “keeping components small and function-specific”. The panel discusses the pros of using this best practice and how it relates to the single responsibility principle. This best practice also helps with the next, “reusability is important”.The panel considers this second best practice and points out some of its flaws. It recommends avoiding the creation of new components. The panel explains that by avoiding creating new components it saves time but can also cause problems as you adapt components to fit more projects. The next best practice is “consolidate duplicate code”, the panel shares their philosophies on dry code and when to consolidate. The fourth best practice is comment only when necessary, Charles explains how he uses comments to help him keep track of things inside his code and the panel warns against using too many comments as it may clog up your code making it hard to read. The fifth best practice is, “name the component after the function”. The panel explains how it is an art finding a name that is not too generic but is not overly specific; mastering the art of naming is something that will benefit everyone. Naming relates to the sixth best practice as well. “Use capitals when naming components”. The panel explains the need for convention and advises developers not to go off-book as this will slow down others. The last six best practices are all self-explanatory says the panel. “Separate stateful aspects from rendering” is nothing new. “Code should execute as expected and be testable”, the panel explains how this allows for trust between developers.  “All files relating to a single component should be in the same folder”, this makes everything easy to find when necessary. “Use tools like Bit”, while the panel doesn’t use Bit, they share tool recommendations. They also comment on the progress being made it tooling and the future of automated tools. “Use snippet libraries”, the panel discusses favorite libraries and building their own libraries. The final best practice is “Follow linting rules”.<h3>Panelists</h3><ul> <li> Charles Wood </li> <li> Christopher Reyes </li> <li> Thomas Aylott </li> </ul><h3>Sponsors</h3><ul> <li> <a href="http://nxplaybook.com/" rel="nofollow" target="_blank">NxPlaybook.com</a> - Use code ‘NXDEVCHAT’ for 50% off the official<a href="https://nx.dev/React" rel="nofollow" target="_blank"> https://nx.dev/React</a> Advanced Workspaces course!  </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a>– use the code “devchat” for two months free on Sentry’s small plan </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Links</h3><ul> <li> <a href="https://teachablemachine.withgoogle.com/" rel="nofollow" target="_blank">https://teachablemachine.withgoogle.com/</a> </li> <li> <a href="https://blog.logrocket.com/practical-react-hooks-how-to-refactor-your-app-to-use-hooks-b1867e7b0a53/" rel="nofollow" target="_blank">Practical React Hooks: How to refactor your app to use Hooks</a> </li> <li> <a href="https://www.codeinwp.com/blog/react-best-practices/#disqus_thread" rel="nofollow" target="_blank">12 React Best Practices You Need to Follow in 2020</a> </li> <li> <a href="https://github.com/nadeesha/saul" rel="nofollow" target="_blank">https://github.com/nadeesha/saul</a> </li> <li> <a href="https://www.facebook.com/React-Round-Up" rel="nofollow" target="_blank">https://www.facebook.com/React-Round-Up</a> </li> <li> <a href="https://twitter.com/reactroundup" rel="nofollow" target="_blank">https://twitter.com/reactroundup</a> </li> </ul><h3>Picks</h3>Charles Wood:<ul> <li> <a href="https://amzn.to/2D1WfnD" rel="nofollow" target="_blank">White Christmas</a> </li> <li> <a href="https://amzn.to/33ahvCx" rel="nofollow" target="_blank">Holiday Inn</a> </li> <li> <a href="https://amzn.to/2QBuBWI" rel="nofollow" target="_blank">The MaxCoders Guide To Finding Your Dream Developer Job</a> </li> </ul>Christopher Reyes:<ul> <li> <a href="https://github.com/microsoft/vscode-eslint" rel="nofollow" target="_blank">https://github.com/microsoft/vscode-eslint</a> </li> <li> <a href="https://www.playingwithfire.co/" rel="nofollow" target="_blank">https://www.playingwithfire.co/</a> </li> </ul>Thomas Aylott:<ul> <li><a href="https://medium.com/@kentbeck_7670/test-commit-revert-870bbd756864" rel="nofollow" target="_blank">test &amp;&amp; commit || revert</a> </li> </ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 091: React Best Practices

Becca Bailey

Guest Becca Bailey gave a talk at ReactConf in 2019 called The State of React State in 2019 and will be giving another talk at an upcoming conference. She gives a summary of her ReactConf talk, which was inspired by her experiences she has had as a developer. In her talk, she talks about different tools and testing for state management. She and the panelists discuss how to recommend changing tools to a team instead of individuals. She shares some experiences from her job. They discuss ways to keep a work culture from turning toxic and how to start the conversation about state management. The React experts talk about strategies when you chose something for a project that ends up being the wrong decision, and prevent poor decisions like that in the future. It’s important to strike a balance between preparing for the future and anticipating it.Becca and the panel discuss alternatives to using Redux for state management, and some of the advantages of using it. They discuss how to decide what is put into local versus global state and how to know when you can depreciate shared state. Becca has helped teams decide what conventions they will use moving forward for managing local and global state, which gives you a standard for code reviews that reduces decision fatigue. They discuss common use cases for refactoring. Put simply, refactoring becomes necessary when it becomes hard to make simple changes. Becca also talks about being intentional about managing team culture and ways to prevent problems from arising in the future. Panelists  Thomas Aylott   Dave Cooper   Charles Max Wood  Guest  Becca Bailey  Sponsors  NxPlaybook.com - Use code ‘NXDEVCHAT’ for 50% off the official https://nx.dev/React Advanced Workspaces course!    G2i  ____________________________&gt; "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!____________________________________________________________Links  Becca’s ReactConf Talk   Formidable   Redux   React Context   Angular   Dojo.io   Prettier  PicksThomas Aylott Roam Research Charles Max Wood  Bose Soundlink Headphones  Dave Cooper  Styled components   Gatsby  Becca Bailey  Victory   Brotopia  Special Guest: Becca Bailey. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Guest Becca Bailey gave a talk at ReactConf in 2019 called The State of React State in 2019 and will be giving another talk at an upcoming conference. She gives a summary of her ReactConf talk, which was inspired by her experiences she has had as a developer. In her talk, she talks about different tools and testing for state management. She and the panelists discuss how to recommend changing tools to a team instead of individuals. She shares some experiences from her job. They discuss ways to keep a work culture from turning toxic and how to start the conversation about state management. The React experts talk about strategies when you chose something for a project that ends up being the wrong decision, and prevent poor decisions like that in the future. It’s important to strike a balance between preparing for the future and anticipating it.Becca and the panel discuss alternatives to using Redux for state management, and some of the advantages of using it. They discuss how to decide what is put into local versus global state and how to know when you can depreciate shared state. Becca has helped teams decide what conventions they will use moving forward for managing local and global state, which gives you a standard for code reviews that reduces decision fatigue. They discuss common use cases for refactoring. Put simply, refactoring becomes necessary when it becomes hard to make simple changes. Becca also talks about being intentional about managing team culture and ways to prevent problems from arising in the future. <h2>Panelists</h2><ul> <li> Thomas Aylott </li> <li> Dave Cooper </li> <li> Charles Max Wood </li> </ul><h2>Guest</h2><ul> <li> Becca Bailey </li> </ul><h2>Sponsors</h2><ul> <li> <a href="http://nxplaybook.com/" rel="nofollow" target="_blank">NxPlaybook.com</a> - Use code ‘NXDEVCHAT’ for 50% off the official<a href="https://nx.dev/React" rel="nofollow" target="_blank"> https://nx.dev/React</a> Advanced Workspaces course!  </li> <li> <a href="https://www.g2i.co/" rel="nofollow" target="_blank">G2i</a> </li> </ul><h2>____________________________</h2>&gt; "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon.<a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&amp;language=en_US&amp;linkCode=sl1&amp;linkId=9d61363241636e2546ef46abba198746&amp;tag=devchattv-20" rel="nofollow" target="_blank"> Get Your Copy Today!</a><h2>____________________________________________________________</h2><h2>Links</h2><ul> <li> <a href="https://conf.reactjs.org/event.html?beccaliz=" rel="nofollow" target="_blank">Becca’s ReactConf Talk</a> </li> <li> <a href="https://formidable.com/" rel="nofollow" target="_blank">Formidable</a> </li> <li> <a href="https://redux.js.org/" rel="nofollow" target="_blank">Redux</a> </li> <li> <a href="https://www.smashingmagazine.com/2020/01/introduction-react-context-api/" rel="nofollow" target="_blank">React Context</a> </li> <li> <a href="https://angular.io/" rel="nofollow" target="_blank">Angular</a> </li> <li> <a href="https://dojo.io/" rel="nofollow" target="_blank">Dojo.io</a> </li> <li> <a href="https://prettier.io/" rel="nofollow" target="_blank">Prettier</a> </li> </ul><h2>Picks</h2>Thomas Aylott<ul> <li><a href="https://roamresearch.com/" rel="nofollow" target="_blank">Roam Research</a></li> </ul>Charles Max Wood<ul> <li> <a href="https://www.bose.com/en_us/products/headphones/over_ear_headphones/soundlink-around-ear-wireless-headphones-ii.html" rel="nofollow" target="_blank">Bose Soundlink Headphones</a> </li> </ul>Dave Cooper<ul> <li> <a href="https://www.styled-components.com/" rel="nofollow" target="_blank">Styled components</a> </li> <li> <a href="https://www.gatsbyjs.org/" rel="nofollow" target="_blank">Gatsby</a> </li> </ul>Becca Bailey<ul> <li> <a href="https://formidable.com/open-source/victory/" rel="nofollow" target="_blank">Victory</a> </li> <li> <a href="https://www.amazon.com/Brotopia-Breaking-Boys-Silicon-Valley/dp/0735213534" rel="nofollow" target="_blank">Brotopia</a> </li> </ul>Special Guest: Becca Bailey. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 097: State Management and React Component Design with Becca Bailey

Tomas Eglinskas

Panel:  Charles Max Wood (DevChat T.V.) Nader Dabit (Poland) Special Guests: Tomas Eglinskas In this episode, the panel talks with guest speaker, Tomas Eglinskas, and the panel talks to him about an article he wrote via Free Code Camp Medium. Currently, Tomas is a software developer at Zenitech. The panel and the guest dive-into lessons that not only apply to being a developer, but great life lessons that everyone can learn from. Check-out today’s episode!Show Topics:1:18 – Chuck: Our special guest is Tomas Eglinskas. We want to talk to you about your article you wrote on the Free Code Camp Medium. How do you get something posted/published there?1:29 – Tomas – It’s not that hard to get something published there. You can send your articles via email and they will publish it. You can get feedback and resend it, and perhaps they will publish it.2:06 – Chuck: Quincy and you are besties, right?2:11 – Chuck: We should get Quincy on this show.2:21 – Chuck: How did you get into React?2:25 – Tomas: How I got into React is a bit interesting. It started at the university; at first it was really, really hard for me. Time pressed on and I got hooked. It’s really, really fun. That’s how it initially started.3:06 – Chuck: Article is titled: “The Most Important Lessons I’ve Learned After a Year of Working with React.”3:18 – Tomas: What started behind it: I was doing my bucket list. I wanted to publish something at some point. I wanted to try to write and share something from my side of things. I wanted to prove to myself that I can/could.4:05 – Nader: What do you do now with React?4:13 – Tomas: We do everything: frontend and backend. In my company we usually use everything with React with production and with my own projects. I have tried Angular but I like React best.4:45 – Chuck: I am curious...How do you get past that? Where my way is the right way.5:10 – Thomas: That sentence came from when I was learning it. People would say: this is the way, or someone else would say: no, this is the way.People are afraid of doing their own projects and using the technology. Finding information and figure out what is right and what is wrong, but you eventually figure out your own opinion. There are so many opinions and tutorials and it’s frustrating, because there are too many things to learn.6:26 – Chuck: Nader, what is the right way to do it?6:33 – Nader: Yeah, I agree. It’s hard to decipher. What is right or what is wrong?How did you come to your conclusions?My best practices might not be the best practices for someone else.7:18 – Tomas: Everyone is learning all the time. Their experiences are different. You have to decide what is best for the long-term. At least for me, it was practice and learning and reading from other people; from podcasts, articles, etc. I am open to say that I am not right, but want to know why it’s not “right.” Always trying, always making mistakes. I guess something like that.8:42 – Nader: Don’t stick to the basics and become advanced. In any career right now you don’t know how to do everything, but to do one thing (topic) really well. The generalists aren’t the people they are hiring; they are hiring the specialists.9:24 – Tomas comments.9:37 – Chuck: There is something to be said – I think it’s good to know general things, but you are right. They are hiring the specialists. They are going to look at you differently than other people. You like your thinking challenged a bit. Where do you go to do that to upgrade your skills?10:18 – Tomas: The silliest one is going to interiors. That’s the fastest way of feedback: what is right or wrong about my code.Going to conferences and Meetups, and doing projects with someone else. I was doing a project with a friend – everybody used Java – but we all used it differently. We all worked together and challenged each other.11:43 – Chuck: Talking to people – asking them: how do you do this, or why do you do it this way?12:01 – Tomas: Don’t be shy and have a presence. I guess in America there are a lot of Meetups, in my country we don’t. In the States you have the people who do the tutorials, and such. You can be challenged everyday.12:40 – Chuck: It depends on where you are. Utah we have a strong community. It’s interesting to say. There was a talk given my Miles Forest at a conference. He would drive to Seattle to be apart of a users group to be apart of it – he would drive 2-3 hours to do this. Eventually, he made his own user group.13:55 – Nader: I am here in Europe now. I have seen a lot of events going on. Just all of the countries I have heard of different events. I haven’t heard about Lithuania, where you are at Tomas.14:28 – Chuck: Get A Coder Job. Find Meetups – I will tell people to do this. They will say: There aren’t any in my area. I tell them to type in different search words. To me, it’s telling because it’s “just TRY it!” You never know what will be out there. Go look and see if there is something out there for you.15:28 – Nader: I agree. I learned a lot through those.15:59 – Tomas: It is a dream to be an organizer of event but people are afraid that nobody will show. Nobody expected for people to show-up, but they did! Don’t be afraid – you’ll have a great time!16:44 – Chuck: React is revolving so you need to be up-to-date – good point in your article.People want to reach some level of proficiency.You have to keep learning.How do you stay up-to-date with all of the new features? How do you know what to look at?17:58 – Tomas: Don’t forget fundamentals. Now understand React from under the hood. You must know the reason behind it. I think that is the basic thing and the most important one, at least in my opinion. We get so wrapped up with the new things, but forgot the basics.18:41 – Advertisement – Digital Ocean19:27 – Nader: I am always checking Twitter. This is a good place to start, because I will see something being discussed and then maybe a year later how it all comes together. Twitter is real time. I follow the few top dozen important people through Twitter; Facebook people and other important people. They will talk about what is happening NOW and proposed things. Also, following people through Medium as well as GitHub.21:01 – Tomas: I agree about Twitter. It’s fun to see what people are talking about. Things that you normally don’t hear through normal avenues.21:27 – Nader: What interests you for the future? What do you want to specialize in?21:41 – Tomas: As I progress, and I know more things (than I did before) I find that I want to KNOW more, in general! I am focused on React and try new things. I think about DevOps, but it’s important to know at some level different things as a whole: the backend and the frontend, too. Why is DevOps is important in the first place. I like to understand the system as a whole. And little by little I want to specialize in the frontend, too. It’s good to know the whole infrastructure, too.23:23 – Nader comments.22:45 – Tomas comments.23:55 – Nader and Tomas go back-and-forth.25:15 – Tomas: How big is your workshop?25:24 – Nader: We just did one in Croatia. It depends really 2 days, etc. Different lengths.25:47 – Chuck: Nader, how do people find these different workshops?25:54 – Nader: Just follow me through Twitter!26:11 – Tomas: I would like to attend.26:19 – Chuck: What was one of these lessons that were the hardest for you to learn?26:33 – Tomas: Not sticking to the basics. When you can show things that are more advanced. When you push yourself to know advanced topics then you are pushing those around you, too. You are encouraging others to learn, too! So that way both, you and the other people, aren’t stagnant.27:51 – Chuck comments.28:00 – Tomas: It’s not even “fancy” it’s knowing the basics.Tomas was talking about tutorials and other topics.30:02 – Nader and Tomas go back-and-forth.30:24 – Chuck: I think it’s telling and what you are pointing out in your article.Some people get to a level of proficiency, get the job, and then they go home, and that’s it. They aren’t pushing themselves. I’m not knocking these people.But there are people out there saying: Here is what I learned, this is what I want to share.31:29 – Tomas: Yes, share your knowledge!31:43 – Chuck: Other thing I want to talk about is another point in your article.32:07 – Tomas: You will look at your code a few days/weeks later and you will say: Wow, I can do this better. Don’t bash yourself; learn from it.The most interesting screw-up was when I deleted a GitHub...33:43 – Chuck: What is your good / bad story, Nader?33:55 – Nader: My first job and have written the most terrible code. Go back a week / month later and notice major issues. The first year writing React was rough / interesting times. I learned a lot, because you are learning how the different architectural things work.34:48 – Tomas: What was the hardest thing to learn?34:56 – Nader: Something being “buggy” and over-complex. It wasn’t the original Flux, and it was a variant. Everything after Redux was easier. If you understand Redux then it’s pretty nice.36:07 – Thomas: I think Redux was the biggest headache for me. When you are starting off it’s magic.36:38 – Tomas: I like when people don’t over-engineer things. I am happy from time-to-time if you need Redux, great, if not then that’s fine.37:28 – Chuck: Let’s do picks! Where can people find you, Tomas?37:35 – Tomas: Medium. There are other things I want to talk about, so Medium is a good platform. A little bit of GitHub, too. I follow Twitter people, but I’m not active. In Europe, people use Twitter – we follow the famous people, but aren’t that active.38:45 – Advertisement – Get A Coder Job!Links: Kendo UI Ruby on Rails Angular Redux Meetup Get A Coder Job Charles Max Wood’s Twitter Nader Dabit’s Twitter Nader Dabit’s Website Tomas Eglinskas’ GitHub Tomas Eglinskas’ LinkedIn Tomas Eglinskas’ Medium GitHub’s Twitter Free Code Camp Medium Tomas’ Article: “The Most Important Lessons I’ve Learned After a Year of Working with React.”  Sponsors: Kendo UI Digital Ocean  Get A Coder Job Picks:Charles  CodeBadge.Org – Kickstarter Book – Get A Coder Job Video Course ^ Zapier ConFreaks Kent C. Dodds Nader  Frontend Conference – December – Warsaw – Some speakers have been announced, not all AWS Tomas  Egghead and Frontend Masters!  Dribble – to progress as a frontend developer Special Guest: Tomas Eglinskas. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li><a href="https://twitter.com/cmaxw?lang=en" rel="nofollow" target="_blank">Charles Max Wood (DevChat T.V.)</a></li> <li><a href="https://twitter.com/dabit3?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Nader Dabit (Poland)</a></li> </ul>Special Guests: <a href="https://github.com/adtm" rel="nofollow" target="_blank">Tomas Eglinskas </a>In this episode, the panel talks with guest speaker, Tomas Eglinskas, and the panel talks to him about an article he wrote via Free Code Camp Medium. Currently, Tomas is a software developer at <a href="https://lt.linkedin.com/company/zenitech-ltd?trk=ppro_cprof" rel="nofollow" target="_blank">Zenitech.</a> The panel and the guest dive-into lessons that not only apply to being a developer, but great life lessons that everyone can learn from. Check-out today’s episode!Show Topics:1:18 – Chuck: Our special guest is Tomas Eglinskas. We want to talk to you about your article you wrote on the <a href="https://medium.freecodecamp.org" rel="nofollow" target="_blank">Free Code Camp Medium</a>. How do you get something posted/published there?1:29 – Tomas – It’s not that hard to get something published there. You can send your articles via email and they will publish it. You can get feedback and resend it, and perhaps they will publish it.2:06 – Chuck: Quincy and you are besties, right?2:11 – Chuck: We should get Quincy on this show.2:21 – Chuck: How did you get into <a href="https://reactjs.org" rel="nofollow" target="_blank">React</a>?2:25 – Tomas: How I got into React is a bit interesting. It started at the university; at first it was really, really hard for me. Time pressed on and I got hooked. It’s really, really fun. That’s how it initially started.3:06 – Chuck: Article is titled: <a href="https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981" rel="nofollow" target="_blank">“The Most Important Lessons I’ve Learned After a Year of Working with React.”</a>3:18 – Tomas: What started behind it: I was doing my bucket list. I wanted to publish something at some point. I wanted to try to write and share something from my side of things. I wanted to prove to myself that I can/could.4:05 – Nader: What do you do now with <a href="https://reactjs.org" rel="nofollow" target="_blank">React</a>?4:13 – Tomas: We do everything: frontend and backend. In my company we usually use everything with React with production and with my own projects. I have tried <a href="https://angular.io" rel="nofollow" target="_blank">Angular</a> but I like React best.4:45 – Chuck: I am curious...How do you get past that? Where my way is the right way.5:10 – Thomas: That sentence came from when I was learning it. People would say: this is the way, or someone else would say: no, this is the way.People are afraid of doing their own projects and using the technology. Finding information and figure out what is right and what is wrong, but you eventually figure out your own opinion. There are so many opinions and tutorials and it’s frustrating, because there are too many things to learn.6:26 – Chuck: Nader, what is the right way to do it?6:33 – Nader: Yeah, I agree. It’s hard to decipher. What is right or what is wrong?How did you come to your conclusions?My best practices might not be the best practices for someone else.7:18 – Tomas: Everyone is learning all the time. Their experiences are different. You have to decide what is best for the long-term. At least for me, it was practice and learning and reading from other people; from podcasts, articles, etc. I am open to say that I am not right, but want to know why it’s not “right.” Always trying, always making mistakes. I guess something like that.8:42 – Nader: Don’t stick to the basics and become advanced. In any career right now you don’t know how to do everything, but to do one thing (topic) really well. The generalists aren’t the people they are hiring; they are hiring the specialists.9:24 – Tomas comments.9:37 – Chuck: There is something to be said – I think it’s good to know general things, but you are right. They are hiring the specialists. They are going to look at you differently than other people. You like your thinking challenged a bit. Where do you go to do that to upgrade your skills?10:18 – Tomas: The silliest one is going to interiors. That’s the fastest way of feedback: what is right or wrong about my code.Going to conferences and <a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetups,</a> and doing projects with someone else. I was doing a project with a friend – everybody used Java – but we all used it differently. We all worked together and challenged each other.11:43 – Chuck: Talking to people – asking them: how do you do this, or why do you do it this way?12:01 – Tomas: Don’t be shy and have a presence. I guess in America there are a lot of <a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetups,</a> in my country we don’t. In the States you have the people who do the tutorials, and such. You can be challenged everyday.12:40 – Chuck: It depends on where you are. Utah we have a strong community. It’s interesting to say. There was a talk given my Miles Forest at a conference. He would drive to Seattle to be apart of a users group to be apart of it – he would drive 2-3 hours to do this. Eventually, he made his own user group.13:55 – Nader: I am here in Europe now. I have seen a lot of events going on. Just all of the countries I have heard of different events. I haven’t heard about Lithuania, where you are at Tomas.14:28 – Chuck: Get A Coder Job. Find <a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetups</a> – I will tell people to do this. They will say: There aren’t any in my area. I tell them to type in different search words. To me, it’s telling because it’s “just TRY it!” You never know what will be out there. Go look and see if there is something out there for you.15:28 – Nader: I agree. I learned a lot through those.15:59 – Tomas: It is a dream to be an organizer of event but people are afraid that nobody will show. Nobody expected for people to show-up, but they did! Don’t be afraid – you’ll have a great time!16:44 – Chuck: React is revolving so you need to be up-to-date – good point in your article.People want to reach some level of proficiency.You have to keep learning.How do you stay up-to-date with all of the new features? How do you know what to look at?17:58 – Tomas: Don’t forget fundamentals. Now understand React from under the hood. You must know the reason behind it. I think that is the basic thing and the most important one, at least in my opinion. We get so wrapped up with the new things, but forgot the basics.18:41 – <a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Advertisement – Digital Ocean</a>19:27 – Nader: I am always checking Twitter. This is a good place to start, because I will see something being discussed and then maybe a year later how it all comes together. Twitter is real time. I follow the few top dozen important people through Twitter; Facebook people and other important people. They will talk about what is happening NOW and proposed things. Also, following people through Medium as well as <a href="https://twitter.com/github?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">GitHub.</a>21:01 – Tomas: I agree about Twitter. It’s fun to see what people are talking about. Things that you normally don’t hear through normal avenues.21:27 – Nader: What interests you for the future? What do you want to specialize in?21:41 – Tomas: As I progress, and I know more things (than I did before) I find that I want to KNOW more, in general! I am focused on React and try new things. I think about DevOps, but it’s important to know at some level different things as a whole: the backend and the frontend, too. Why is DevOps is important in the first place. I like to understand the system as a whole. And little by little I want to specialize in the frontend, too. It’s good to know the whole infrastructure, too.23:23 – Nader comments.22:45 – Tomas comments.23:55 – Nader and Tomas go back-and-forth.25:15 – Tomas: How big is your workshop?25:24 – Nader: We just did one in Croatia. It depends really 2 days, etc. Different lengths.25:47 – Chuck: Nader, how do people find these different workshops?25:54 – Nader: <a href="https://twitter.com/dabit3" rel="nofollow" target="_blank">Just follow me through Twitter!</a>26:11 – Tomas: I would like to attend.26:19 – Chuck: What was one of these lessons that were the hardest for you to learn?26:33 – Tomas: Not sticking to the basics. When you can show things that are more advanced. When you push yourself to know advanced topics then you are pushing those around you, too. You are encouraging others to learn, too! So that way both, you and the other people, aren’t stagnant.27:51 – Chuck comments.28:00 – Tomas: It’s not even “fancy” it’s knowing the basics.Tomas was talking about tutorials and other topics.30:02 – Nader and Tomas go back-and-forth.30:24 – Chuck: I think it’s telling and what you are pointing out in your article.Some people get to a level of proficiency, get the job, and then they go home, and that’s it. They aren’t pushing themselves. I’m not knocking these people.But there are people out there saying: Here is what I learned, this is what I want to share.31:29 – Tomas: Yes, share your knowledge!31:43 – Chuck: Other thing I want to talk about is another point in your article.32:07 – Tomas: You will look at your code a few days/weeks later and you will say: Wow, I can do this better. Don’t bash yourself; learn from it.The most interesting screw-up was when I deleted a GitHub...33:43 – Chuck: What is your good / bad story, Nader?33:55 – Nader: My first job and have written the most terrible code. Go back a week / month later and notice major issues. The first year writing React was rough / interesting times. I learned a lot, because you are learning how the different architectural things work.34:48 – Tomas: What was the hardest thing to learn?34:56 – Nader: Something being “buggy” and over-complex. It wasn’t the original Flux, and it was a variant. Everything after Redux was easier. If you understand <a href="https://redux.js.org" rel="nofollow" target="_blank">Redux</a> then it’s pretty nice.36:07 – Thomas: I think <a href="https://redux.js.org" rel="nofollow" target="_blank">Redux</a> was the biggest headache for me. When you are starting off it’s magic.36:38 – Tomas: I like when people don’t over-engineer things. I am happy from time-to-time if you need Redux, great, if not then that’s fine.37:28 – Chuck: Let’s do picks! Where can people find you, Tomas?37:35 – Tomas: <a href="https://medium.com/@tomas.eglinskas" rel="nofollow" target="_blank">Medium.</a> There are other things I want to talk about, so Medium is a good platform. A little bit of GitHub, too. I follow Twitter people, but I’m not active. In Europe, people use Twitter – we follow the famous people, but aren’t that active.38:45 – <a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Advertisement – Get A Coder Job!</a>Links:<ul> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://redux.js.org" rel="nofollow" target="_blank">Redux</a></li> <li><a href="https://www.meetup.com" rel="nofollow" target="_blank">Meetup</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> <li><a href="https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Charles Max Wood’s Twitter</a></li> <li><a href="https://twitter.com/dabit3" rel="nofollow" target="_blank">Nader Dabit’s Twitter</a></li> <li><a href="http://naderdabit.me/#/about" rel="nofollow" target="_blank">Nader Dabit’s Website</a></li> <li><a href="https://github.com/adtm" rel="nofollow" target="_blank">Tomas Eglinskas’ GitHub</a></li> <li><a href="https://lt.linkedin.com/in/tomas-eglinskas" rel="nofollow" target="_blank">Tomas Eglinskas’ LinkedIn</a></li> <li><a href="https://medium.com/@tomas.eglinskas" rel="nofollow" target="_blank">Tomas Eglinskas’ Medium</a></li> <li><a href="https://twitter.com/github?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">GitHub’s Twitter</a></li> <li><a href="https://medium.freecodecamp.org" rel="nofollow" target="_blank">Free Code Camp Medium</a></li> <li>Tomas’ Article: <a href="https://medium.freecodecamp.org/mindset-lessons-from-a-year-with-react-1de862421981" rel="nofollow" target="_blank">“The Most Important Lessons I’ve Learned After a Year of Working with React.”</a> </li> </ul>Sponsors:<ul> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean </a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> </ul>Picks:Charles<ul> <li> <a href="http://codebadge.org" rel="nofollow" target="_blank">CodeBadge.Org</a> – Kickstarter</li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Book – Get A Coder Job</a></li> <li><a href="https://devchat.tv/store/get-a-coder-job-video-course/" rel="nofollow" target="_blank">Video Course ^</a></li> <li><a href="https://zapier.com" rel="nofollow" target="_blank">Zapier</a></li> <li><a href="http://confreaks.tv/videos/cascadiaruby2014-cloning-the-seattle-ruby-brigade" rel="nofollow" target="_blank">ConFreaks</a></li> <li><a href="https://kentcdodds.com" rel="nofollow" target="_blank">Kent C. Dodds</a></li> </ul>Nader<ul> <li> <a href="https://frontend-con.io" rel="nofollow" target="_blank">Frontend Conference</a> – December – Warsaw – Some speakers have been announced, not all</li> <li><a href="https://aws.amazon.com" rel="nofollow" target="_blank">AWS</a></li> </ul>Tomas<ul> <li> <a href="https://aws.amazon.com" rel="nofollow" target="_blank">Egghead</a> and <a href="https://frontendmasters.com" rel="nofollow" target="_blank">Frontend Masters</a>!</li> <li> <a href="https://dribbble.com" rel="nofollow" target="_blank">Dribble</a> – to progress as a frontend developer</li> </ul>Special Guest: Tomas Eglinskas. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 032: "The most important lessons I've learned after a year of working with React" with Tomas Eglinskas

Josh St

Panel:  Charles Max Wood Nader Dabit Special Guests: Josh Saint Jacque In this episode, the panel talks with Josh St. Jacque who is married with two kids and with one on the way. He is a professional product manager and software engineer. Ruby on Rails got him started on his career path and journey. Check-out today’s episode where the panel discusses functional and class components, among many other things!Show Topics:2:12 – Let’s have a conversation about functional components.3:20 – Chuck to Nader: “What is your preference between class and functional components?”4:18 – Nader to Josh: “What is your take on pure components”5:20 – Who makes these architectural decisions at T-Mobile?5:46 – Josh: It really depends on the team and the project depending on how they want to proceed. Josh mentions Angular among other things.7:38 – Chuck to Josh: It seems that through your post you are trying to make code easier?8:01 – Josh’s background is Ruby, and basic principles.9:12 – Question directed to Josh about components.11:05 – Functional components.11:35 – Some say that functional components are faster/slower than others.12:50 – When do you know you need/do not need a functional component?13:15 Josh uses functional component as his default but, of course, there are different factors for him to consider. The presentational stuff is separated. Sometimes he does convert it over.14:21 – Let’s talk through the log post.18:15 – Digital Ocean’s mid-roll advertisement!20:58 – The panel talks about pros and cons of the different components. 21:33 – Ruby on Rails22:06 – “Why aren’t you using...?” I understand what the tradeoffs are and will change when that time comes.23:03 – Is there a certain thing that you would tell them about React applications? Is it more just best practice and it doesn’t really change their learning of the framework?23:28 – Whenever you get comfortable then start exploring another pattern. When you get really comfortable, then you might never see the tradeoffs by using other options. It’s good for a developer to always be open-minded. Keep yourself uncomfortable, and don’t have just one tool in your belt. Try functional components just to keep it fresh.25:00 – Josh answers a question from Chuck.27:00 – Josh talks about things to avoid, etc.27:42 – Nader: “Have you seen the new features and possibly the new features that will be added on later?”28:01 – Josh has started using new features and he talks about the pros and cons of these. 29:55 – Chuck to Josh: “Are there any features to the components that you wish they would add?”30:08 – Josh: I never really have run into anything, yet, that is too frustrating. I really like that it is a little limited, and no real big complaints. I would imagine that there are good components around function.31:42 – Nader to Josh: “Any other topics?”31:54 – One thing Josh would like to say is that you and your team are on the same page. You don’t want to get into fights on what style you are using. You don’t want to constantly be changing the code. Use one thing at a time or it will get real messy too quick. One example of this is from Ruby: hash rockets.33:35 – How to find Josh online...look at links below!Links: Kendo UI Ruby on Rails Josh St. Jacque’s LinkedIn Josh St. Jacque’s Medium Josh St. Jacque’s GitHub Josh St. Jacque’s Article on Medium T-Mobile Angular Get A Coder Job Sponsors: Kendo UI Sentry Digital Ocean  Get A Coder Job Picks:*Charles Conference in October (UT) Frameworks Summit Podcast Movement CES Home Depot Tool Rental *Nader “A Tale of Four Components” by Pearl Latteier Nader’s Blog *Josh Video Game Soundtracks – Spotify VS Code Extension Weight Loss – Ice Cream – Enlightened  Special Guest: Josh St. Jacque. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Charles Max Wood</li> <li>Nader Dabit</li> </ul>Special Guests: Josh Saint Jacque In this episode, the panel talks with Josh St. Jacque who is married with two kids and with one on the way. He is a professional product manager and software engineer. <a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a> got him started on his career path and journey. Check-out today’s episode where the panel discusses functional and class components, among many other things!Show Topics:2:12 – Let’s have a conversation about functional components.3:20 – Chuck to Nader: “What is your preference between class and functional components?”4:18 – Nader to Josh: “What is your take on pure components”5:20 – Who makes these architectural decisions at <a href="https://www.t-mobile.com" rel="nofollow" target="_blank">T-Mobile</a>?5:46 – Josh: It really depends on the team and the project depending on how they want to proceed. Josh mentions <a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a> among other things.7:38 – Chuck to Josh: It seems that through your post you are trying to make code easier?8:01 – Josh’s background is <a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby</a>, and basic principles.9:12 – Question directed to Josh about components.11:05 – Functional components.11:35 – Some say that functional components are faster/slower than others.12:50 – When do you know you need/do not need a functional component?13:15 Josh uses functional component as his default but, of course, there are different factors for him to consider. The presentational stuff is separated. Sometimes he does convert it over.14:21 – Let’s talk through the log post.18:15 – <a href="https://medium.com/@joshsaintjacque/small-functions-considered-awesome-c95b3fd1812f" rel="nofollow" target="_blank">Digital Ocean’s</a> mid-roll advertisement!20:58 – The panel talks about pros and cons of the different components. 21:33 – <a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a>22:06 – “Why aren’t you using...?” I understand what the tradeoffs are and will change when that time comes.23:03 – Is there a certain thing that you would tell them about React applications? Is it more just best practice and it doesn’t really change their learning of the framework?23:28 – Whenever you get comfortable then start exploring another pattern. When you get really comfortable, then you might never see the tradeoffs by using other options. It’s good for a developer to always be open-minded. Keep yourself uncomfortable, and don’t have just one tool in your belt. Try functional components just to keep it fresh.25:00 – Josh answers a question from Chuck.27:00 – Josh talks about things to avoid, etc.27:42 – Nader: “Have you seen the new features and possibly the new features that will be added on later?”28:01 – Josh has started using new features and he talks about the pros and cons of these. 29:55 – Chuck to Josh: “Are there any features to the components that you wish they would add?”30:08 – Josh: I never really have run into anything, yet, that is too frustrating. I really like that it is a little limited, and no real big complaints. I would imagine that there are good components around function.31:42 – Nader to Josh: “Any other topics?”31:54 – One thing Josh would like to say is that you and your team are on the same page. You don’t want to get into fights on what style you are using. You don’t want to constantly be changing the code. Use one thing at a time or it will get real messy too quick. One example of this is from Ruby: <a href="http://ruby-for-beginners.rubymonstas.org/built_in_classes/hashes.html" rel="nofollow" target="_blank">hash rockets.</a>33:35 – How to find Josh online...look at links below!Links:<ul> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://www.linkedin.com/in/josh-saint-jacque-61208a17" rel="nofollow" target="_blank">Josh St. Jacque’s LinkedIn</a></li> <li><a href="https://medium.com/@joshsaintjacque" rel="nofollow" target="_blank">Josh St. Jacque’s Medium</a></li> <li><a href="https://github.com/joshsaintjacque" rel="nofollow" target="_blank">Josh St. Jacque’s GitHub</a></li> <li><a href="https://medium.com/@joshsaintjacque/small-functions-considered-awesome-c95b3fd1812f" rel="nofollow" target="_blank">Josh St. Jacque’s Article on Medium</a></li> <li><a href="https://www.t-mobile.com" rel="nofollow" target="_blank">T-Mobile</a></li> <li><a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> </ul>Sponsors:<ul> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://sentry.io/welcome/" rel="nofollow" target="_blank">Sentry</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean </a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> </ul>Picks:*Charles<ul> <li><a href="https://www.frameworksummit.com" rel="nofollow" target="_blank">Conference in October (UT) Frameworks Summit</a></li> <li><a href="https://podcastmovement.com" rel="nofollow" target="_blank">Podcast Movement</a></li> <li><a href="https://www.google.com/search?client=safari&amp;ie=UTF-8&amp;oe=UTF-8&amp;q=CES+in+january&amp;rls=en" rel="nofollow" target="_blank">CES</a></li> <li><a href="https://www.google.com/search?client=safari&amp;ie=UTF-8&amp;oe=UTF-8&amp;q=home+depot+tool+rental&amp;rls=en" rel="nofollow" target="_blank">Home Depot Tool Rental</a></li> </ul>*Nader<ul> <li><a href="https://bendyworks.com/blog/tale-of-four-components" rel="nofollow" target="_blank">“A Tale of Four Components” by Pearl Latteier</a></li> <li>Nader’s Blog</li> </ul>*Josh<ul> <li><a href="https://www.theverge.com/2016/8/12/12450594/spotify-video-gaming-playlists" rel="nofollow" target="_blank">Video Game Soundtracks – Spotify</a></li> <li><a href="https://code.visualstudio.com/blogs/2017/02/12/code-lens-roundup" rel="nofollow" target="_blank">VS Code Extension</a></li> <li>Weight Loss – Ice Cream – <a href="https://eatenlightened.com/collections/high-protein-low-sugar-ice-cream-pints?ads_adid=47222708105&amp;ads_cmpid=652260230&amp;ads_creative=255135686341&amp;ads_matchtype=b&amp;ads_network=g&amp;ads_targetid=kwd-318302195649&amp;gclid=EAIaIQobChMI5_b4rP2k3QIVwrrACh00eQGhEAAYASAAEgJUg_D_BwE&amp;ttv=2&amp;utm_campaign=&amp;utm_medium=ppc&amp;utm_source=adwords&amp;utm_term=%252Benlightenment%2520%252Bice%2520%252Bcream" rel="nofollow" target="_blank">Enlightened</a> </li> </ul>Special Guest: Josh St. Jacque. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 027: "Why I Prefer Functional Components" with Josh St. Jacque

Paul Cowan

Paul Cowan was a painter and decorator for 30 years until he switched to front end development. He got into React because for him, much of programming didn’t make a whole lot of sense until he read about the flux model, and React Redux was one of the few frameworks that followed the flux model. Spending most of his life outside of the programming world has granted him a unique perspective frameworks like React. He talks about some of his frustrations with React hooks. Hooks can be frustrating because it’s a new paradigm to learn JS, the dependencies array can get bungled, React relies on the order in which hooks are called, and closures can be difficult. Overall, hooks come off at deceptively simple. Paul believes that we shouldn’t need external tooling to keep the dependency array on the right track. To avoid these frustrations, Paul reminds listeners that hooks have to be called in the same order each time at the beginning of your functional components. You also cannot have a hook in an if statement or event handler. It’s also important to remember the declarative nature of React. In production code, updating states is the best way to go. The panel agrees that it’s good that react has clarified their position on what hooks are supposed to be used for, and how we are beginning to see the limitations of React hooks. They discuss unit testing with hooks and how to determine when the React framework becomes too big. They talk about some of the new features that are coming out and how they benefit new developers. When mistakes do happen, Paul talks about how he determines what went wrong. If you want to get advice from other humans, they suggest consulting StackOverflow, ReactiveFlux, and IRC chat. When you do consult these sources, it’s important that your problem is reproducible so that it’s easier for people to help you out. It’s also important that you learn how to ask questions. The show finishes with them discussing how they handle changes in the industry. They have found that reusing components is difficult across Angular and React. They talk about the positive ways that React went version to version. They discuss complexity management in apps. The panel talks about some ways to do things in React without hooks, but also caution that avoiding the popular thing can also get you into trouble. Panelists  Thomas Aylott   Charles Max Wood   Chris Reyes  Guest  Paul Cowan  Sponsors  Nrwl |  Nx.Dev/React   Sentry | Use the code “devchat” for $100 credit   _______________________________________________________ "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  Flux model   React Redux   useReducer   Frustrations with React Hooks   Solutions to Frustrations with React Hooks   ESLint   Next.js   Relay   Selenium   StackOverflow   ReactiveFlux  PicksThomas Aylott  Shada  Charles Max Wood  The MaxCoders Guide to Finding Your Dream Developer Job   It’s A Wonderful Life   Mr. Kreuger’s Christmas  Chris Reyes  Netlify React Hooks deep dive   AirPods Pro  Paul Cowan  Solutions to Frustrations with React Hooks   Stay fit  Special Guest: Paul Cowan. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Paul Cowan was a painter and decorator for 30 years until he switched to front end development. He got into React because for him, much of programming didn’t make a whole lot of sense until he read about the flux model, and React Redux was one of the few frameworks that followed the flux model. Spending most of his life outside of the programming world has granted him a unique perspective frameworks like React. He talks about some of his frustrations with React hooks. Hooks can be frustrating because it’s a new paradigm to learn JS, the dependencies array can get bungled, React relies on the order in which hooks are called, and closures can be difficult. Overall, hooks come off at deceptively simple. Paul believes that we shouldn’t need external tooling to keep the dependency array on the right track. To avoid these frustrations, Paul reminds listeners that hooks have to be called in the same order each time at the beginning of your functional components. You also cannot have a hook in an if statement or event handler. It’s also important to remember the declarative nature of React. In production code, updating states is the best way to go. The panel agrees that it’s good that react has clarified their position on what hooks are supposed to be used for, and how we are beginning to see the limitations of React hooks. They discuss unit testing with hooks and how to determine when the React framework becomes too big. They talk about some of the new features that are coming out and how they benefit new developers. When mistakes do happen, Paul talks about how he determines what went wrong. If you want to get advice from other humans, they suggest consulting StackOverflow, ReactiveFlux, and IRC chat. When you do consult these sources, it’s important that your problem is reproducible so that it’s easier for people to help you out. It’s also important that you learn how to ask questions. The show finishes with them discussing how they handle changes in the industry. They have found that reusing components is difficult across Angular and React. They talk about the positive ways that React went version to version. They discuss complexity management in apps. The panel talks about some ways to do things in React without hooks, but also caution that avoiding the popular thing can also get you into trouble. <h2>Panelists</h2><ul> <li> Thomas Aylott </li> <li> Charles Max Wood </li> <li> Chris Reyes </li> </ul><h2>Guest</h2><ul> <li> Paul Cowan </li> </ul><h2>Sponsors</h2><ul> <li> <a href="https://nx.dev/react?utm_campaign=React+Roundup&amp;utm_content=Nx&amp;utm_medium=Banner&amp;utm_source=Podcast" rel="nofollow" target="_blank">Nrwl |  Nx.Dev/React</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> | Use the code “devchat” for $100 credit </li> </ul> <h2>_______________________________________________________</h2><blockquote> "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. </blockquote><h2>_______________________________________________________</h2><h2>Links</h2><ul> <li> <a href="https://facebook.github.io/flux/docs/in-depth-overview/" rel="nofollow" target="_blank">Flux model</a> </li> <li> <a href="https://react-redux.js.org/" rel="nofollow" target="_blank">React Redux</a> </li> <li> <a href="https://medium.com/crowdbotics/how-to-use-usereducer-in-react-hooks-for-performance-optimization-ecafca9e7bf5" rel="nofollow" target="_blank">useReducer</a> </li> <li> <a href="https://blog.logrocket.com/frustrations-with-react-hooks/" rel="nofollow" target="_blank">Frustrations with React Hooks</a> </li> <li> <a href="https://blog.logrocket.com/solutions-to-frustrations-with-react-hooks/" rel="nofollow" target="_blank">Solutions to Frustrations with React Hooks</a> </li> <li> <a href="https://eslint.org/" rel="nofollow" target="_blank">ESLint</a> </li> <li> <a href="https://nextjs.org/" rel="nofollow" target="_blank">Next.js</a> </li> <li> <a href="https://relay.dev/" rel="nofollow" target="_blank">Relay</a> </li> <li> <a href="https://www.seleniumhq.org/" rel="nofollow" target="_blank">Selenium</a> </li> <li> <a href="https://stackoverflow.com/" rel="nofollow" target="_blank">StackOverflow</a> </li> <li> <a href="https://projectreactor.io/docs/core/release/api/reactor/core/publisher/Flux.html" rel="nofollow" target="_blank">ReactiveFlux</a> </li> </ul><h2>Picks</h2>Thomas Aylott<ul> <li> <a href="https://en.wikipedia.org/wiki/Shada_(Doctor_Who)" rel="nofollow" target="_blank">Shada</a> </li> </ul>Charles Max Wood<ul> <li> <a href="https://www.amazon.com/MaxCoders-Guide-Finding-Dream-Developer-ebook/dp/B081MBL5C9/ref=sr_1_1?keywords=The+MaxCoders+Guide+to+Finding+Your+Dream+Developer+Job&amp;qid=1574145265&amp;sr=8-1" rel="nofollow" target="_blank">The MaxCoders Guide to Finding Your Dream Developer Job</a> </li> <li> <a href="https://www.imdb.com/title/tt0038650/" rel="nofollow" target="_blank">It’s A Wonderful Life</a> </li> <li> <a href="https://www.imdb.com/title/tt0081190/" rel="nofollow" target="_blank">Mr. Kreuger’s Christmas</a> </li> </ul>Chris Reyes<ul> <li> <a href="https://www.netlify.com/blog/2019/03/11/deep-dive-how-do-react-hooks-really-work/" rel="nofollow" target="_blank">Netlify React Hooks deep dive</a> </li> <li> <a href="https://www.apple.com/airpods-pro/" rel="nofollow" target="_blank">AirPods Pro</a> </li> </ul>Paul Cowan<ul> <li> <a href="https://blog.logrocket.com/solutions-to-frustrations-with-react-hooks/" rel="nofollow" target="_blank">Solutions to Frustrations with React Hooks</a> </li> <li> Stay fit </li> </ul>Special Guest: Paul Cowan. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 088: Frustrations with React Hooks with Paul Cowan

Chris Toomey

Sponsors  Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Lucas Reis Justin Bennett Charles Max Wood Joined by special guests: Chris ToomeyEpisode SummaryIn this episode of React Round Up, Chris Toomey introduces himself, talks about his work and his podcast and moves on to explaining the differences between a React vs GraphQL centric application. Justin explains in detail how the Relay framework works, and Chris describes the scenarios where GraphQL stands out in the process of building an application and also throws some light on the benefits of choosing it over other APIs such as REST.The panel then discusses how GraphQL is advantageous in the documentation context since it has a good schema, and also in data modeling. Chris shares some past examples of creating React applications where GraphQL and Apollo made things much simpler, and also elaborates on the trade-offs and challenges associated with it.Links The Bike Shed Chris Toomey: React &amp; GraphQL – Bringing Simplicity to Client-Side Development / React Boston 2018 Chris’s Twitter The Past, Present, and Future of GraphQL Native - Nick Schrock @ GraphQL Europe PicksJustin Bennett: Where art thou, my error? Auto by Intuit on GitHub Lucas Reis: MDX Deck library Code Surfer library Charles Max Wood: HubSpot Zapier Google Docs Chris Toomey: Tell me when it closes Quicklink Upcase Special Guest: Chris Toomey. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a></li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Lucas Reis</li> <li>Justin Bennett</li> <li>Charles Max Wood</li> </ul>Joined by special guests: Chris Toomey<h3>Episode Summary</h3>In this episode of React Round Up, Chris Toomey introduces himself, talks about his work and his podcast and moves on to explaining the differences between a React vs GraphQL centric application. Justin explains in detail how the Relay framework works, and Chris describes the scenarios where GraphQL stands out in the process of building an application and also throws some light on the benefits of choosing it over other APIs such as REST.The panel then discusses how GraphQL is advantageous in the documentation context since it has a good schema, and also in data modeling. Chris shares some past examples of creating React applications where GraphQL and Apollo made things much simpler, and also elaborates on the trade-offs and challenges associated with it.<h3>Links</h3><ul> <li><a href="http://bikeshed.fm/" rel="nofollow" target="_blank">The Bike Shed</a></li> <li><a href="https://www.youtube.com/watch?v=Qsoj4s_Ml6s" rel="nofollow" target="_blank">Chris Toomey: React &amp; GraphQL – Bringing Simplicity to Client-Side Development / React Boston 2018</a></li> <li><a href="https://twitter.com/christoomey?lang=en" rel="nofollow" target="_blank">Chris’s Twitter</a></li> <li><a href="https://www.youtube.com/watch?v=zMa8rfXI6MM" rel="nofollow" target="_blank">The Past, Present, and Future of GraphQL Native - Nick Schrock @ GraphQL Europe</a></li> </ul><h3>Picks</h3>Justin Bennett:<ul> <li><a href="http://artsy.github.io/blog/2018/10/19/where-art-thou-my-error/" rel="nofollow" target="_blank">Where art thou, my error?</a></li> <li><a href="https://github.com/intuit/auto" rel="nofollow" target="_blank">Auto by Intuit on GitHub</a></li> </ul>Lucas Reis:<ul> <li><a href="https://github.com/jxnblk/mdx-deck" rel="nofollow" target="_blank">MDX Deck library</a></li> <li><a href="https://elijahmanor.com/code-surfer/" rel="nofollow" target="_blank">Code Surfer library</a></li> </ul>Charles Max Wood:<ul> <li><a href="https://www.hubspot.com/" rel="nofollow" target="_blank">HubSpot</a></li> <li><a href="https://zapier.com/" rel="nofollow" target="_blank">Zapier</a></li> <li><a href="https://www.google.com/docs/about/" rel="nofollow" target="_blank">Google Docs</a></li> </ul>Chris Toomey:<ul> <li><a href="https://tellmewhenitcloses.com/" rel="nofollow" target="_blank">Tell me when it closes</a></li> <li><a href="https://github.com/GoogleChromeLabs/quicklink" rel="nofollow" target="_blank">Quicklink</a></li> <li><a href="https://thoughtbot.com/upcase" rel="nofollow" target="_blank">Upcase</a></li> </ul>Special Guest: Chris Toomey. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 054: GraphQL and React – Even Better together with Chris Toomey

Dave Ceddia

Sponsors KendoUI  Sentry use the code “devchat” for $100 credit TripleByte Cachefly Panel Charles Max Wood Lucas Reis Justin Bennett Joined by Special Guest: Dave CeddiaSummaryDave Ceddia introduces hooks and what they let you do. The panel discusses how hooks work and how they will clean up the code. Dave explains what react does behind the scenes when hooks are being used. Hooks are simple to use but hard to explain, so the panel asks Dave how he would teach hooks. Dave explains there is a learning hump and shares what trips most developers up.The panel considers the switch from life cycles to effect and the mindset shift it requires.  The difficulties of hooks are explored, such as there are now three ways to share functionality in react components. Dave shares the advantages of using array destructing instead of object destructing. The panel considers how hooks change the react framework and whether it is worth going back and refactoring everything or to refactor as you go. Different migration paths are discussed and the panel gives advice for different company types and sizes. Jokingly the panel contemplates the hype surrounding hooks and suspense.Links https://www.youtube.com/watch?v=Z2DU0qLfPIY&amp;feature=youtu.be&amp;t=2445 https://reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both https://english.stackexchange.com/questions/12980/how-to-pronounce-tuple https://reactjs.org/blog/2018/11/27/react-16-roadmap.html https://reactjs.org/docs/hooks-intro.html https://daveceddia.com/tags/#hooks https://youtu.be/CpPCJigsPNY https://daveceddia.com/ https://twitter.com/dceddia Picks Charles Max Wood mastermindhunt.com/devchat https://devchat.tv/get-a-coder-job/ Lucas Reis https://xstate.js.org/docs/ https://github.com/carloslfu/use-machine Justin Bennett https://github.com/zeit/ncc https://parceljs.org/ https://bcrikko.github.io/NES.css/ Dave Ceddia https://codesandbox.io/docs/live https://jamesclear.com/atomic-habits Special Guest:  Dave Ceddia. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">KendoUI</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/react" rel="nofollow" target="_blank">TripleByte</a></li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">Cachefly</a></li> </ul><h3>Panel</h3><ul> <li>Charles Max Wood</li> <li>Lucas Reis</li> <li>Justin Bennett</li> </ul>Joined by Special Guest: Dave Ceddia<h3>Summary</h3>Dave Ceddia introduces hooks and what they let you do. The panel discusses how hooks work and how they will clean up the code. Dave explains what react does behind the scenes when hooks are being used. Hooks are simple to use but hard to explain, so the panel asks Dave how he would teach hooks. Dave explains there is a learning hump and shares what trips most developers up.The panel considers the switch from life cycles to effect and the mindset shift it requires.  The difficulties of hooks are explored, such as there are now three ways to share functionality in react components. Dave shares the advantages of using array destructing instead of object destructing. The panel considers how hooks change the react framework and whether it is worth going back and refactoring everything or to refactor as you go. Different migration paths are discussed and the panel gives advice for different company types and sizes. Jokingly the panel contemplates the hype surrounding hooks and suspense.<h3>Links</h3><ul> <li><a href="https://www.youtube.com/watch?feature=youtu.be&amp;t=2445&amp;v=Z2DU0qLfPIY" rel="nofollow" target="_blank">https://www.youtube.com/watch?v=Z2DU0qLfPIY&amp;feature=youtu.be&amp;t=2445</a></li> <li><a href="https://reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both" rel="nofollow" target="_blank">https://reactjs.org/docs/hooks-faq.html#should-i-use-hooks-classes-or-a-mix-of-both</a></li> <li><a href="https://english.stackexchange.com/questions/12980/how-to-pronounce-tuple" rel="nofollow" target="_blank">https://english.stackexchange.com/questions/12980/how-to-pronounce-tuple</a></li> <li><a href="https://reactjs.org/blog/2018/11/27/react-16-roadmap.html" rel="nofollow" target="_blank">https://reactjs.org/blog/2018/11/27/react-16-roadmap.html</a></li> <li><a href="https://reactjs.org/docs/hooks-intro.html" rel="nofollow" target="_blank">https://reactjs.org/docs/hooks-intro.html</a></li> <li><a href="https://daveceddia.com/tags/#hooks" rel="nofollow" target="_blank">https://daveceddia.com/tags/#hooks</a></li> <li><a href="https://youtu.be/CpPCJigsPNY" rel="nofollow" target="_blank">https://youtu.be/CpPCJigsPNY</a></li> <li><a href="https://daveceddia.com/" rel="nofollow" target="_blank">https://daveceddia.com/</a></li> <li><a href="https://twitter.com/dceddia" rel="nofollow" target="_blank">https://twitter.com/dceddia</a></li> </ul><h3>Picks </h3>Charles Max Wood<ul> <li><a href="http://mastermindhunt.com/devchat" rel="nofollow" target="_blank">mastermindhunt.com/devchat</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">https://devchat.tv/get-a-coder-job/</a></li> </ul>Lucas Reis<ul> <li><a href="https://xstate.js.org/docs/" rel="nofollow" target="_blank">https://xstate.js.org/docs/</a></li> <li><a href="https://github.com/carloslfu/use-machine" rel="nofollow" target="_blank">https://github.com/carloslfu/use-machine</a></li> </ul>Justin Bennett<ul> <li><a href="https://github.com/zeit/ncc" rel="nofollow" target="_blank">https://github.com/zeit/ncc</a></li> <li><a href="https://parceljs.org/" rel="nofollow" target="_blank">https://parceljs.org/</a></li> <li><a href="https://bcrikko.github.io/NES.css/" rel="nofollow" target="_blank">https://bcrikko.github.io/NES.css/</a></li> </ul>Dave Ceddia<ul> <li><a href="https://codesandbox.io/docs/live" rel="nofollow" target="_blank">https://codesandbox.io/docs/live</a></li> <li><a href="https://jamesclear.com/atomic-habits" rel="nofollow" target="_blank">https://jamesclear.com/atomic-habits</a></li> </ul>Special Guest: Dave Ceddia. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 045: React Hooks with Dave Ceddia

Daishi Kato

Custom Hooks

Sponsors  Netlify   Sentry use the code “devchat” for 2 months free on Sentry’s small plan   Triplebyte offers a $1000 signing bonus  Panel  Thomas Aylott   David Ceddia   Lucas Reis  With special guest: Daishi KatoEpisode Summary Todays guest Daishi Kato is a freelance programmer and has many open source libraries. He starts off by talking about how he got from tail call optimization to Redux and global state. Daishi talks about his definition of global state, how it differs from a regular state, and why it is a problem with the current context implementation. Thomas talks about his work with Android and how React has helped solved some of the problems they encountered. They talk about when different rendering issues they’ve encountered. Daishi shares his unique approach to solving rendering issues and how it applies to his libraries. His solution is to combine the system in React with proxy based tracking to solve issues with rendering. Daishi explains why this works and the importance of benchmarking. Daishi’s solution is designed as a same use state API, so someone can drop this in and see if it works.Daishi talks about his definition of proxies and how it triggers the rerender. He also talks about how it handles conditional reads. This tracking happens every render and it doesn’t have the same limitations as hooks. The panel talks about the new version of React Redux library implementation and how it compares to Daishi’s. Daishi’s approach is useful for people earning Redux because the used tracked state gives you all the benefits without a lot of the complexity. Daishi talks about how it deals with deeply nested pieces of code.The panel discusses the delicate balance of optimizing, but not doing it too soon, but to also remember how vital it is to maintain the performance of your app. Daishi’s work with Reactive React Redux to make sure things perform from the beginning is really important. It’s also important to understand how your product works so that when things do go wrong, you know how to fix it. Daisho talks about his other library React Tract for people who don’t like to use Redux.Links  Mobex   GraphQL   Proc SQL   React-Tracked   Immer   Reactive React Redux   React Redux   Follow DevChat on Facebook and TwitterPicksDavid Ceddia:  A Compiler From Scratch video   Verbal Expressions  Thomas Aylott:  The Making of a Manager by Julie Zhou   Thomas’ Youtube channel  Lucas Reis:  Shun knives  Daishi Kato:  Remote Faces  Special Guest: Daishi Kato. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> </ul><h3>Panel</h3><ul> <li> Thomas Aylott </li> <li> David Ceddia </li> <li> Lucas Reis </li> </ul>With special guest: Daishi Kato<h3>Episode Summary</h3> Todays guest Daishi Kato is a freelance programmer and has many open source libraries. He starts off by talking about how he got from tail call optimization to Redux and global state. Daishi talks about his definition of global state, how it differs from a regular state, and why it is a problem with the current context implementation. Thomas talks about his work with Android and how React has helped solved some of the problems they encountered. They talk about when different rendering issues they’ve encountered. Daishi shares his unique approach to solving rendering issues and how it applies to his libraries. His solution is to combine the system in React with proxy based tracking to solve issues with rendering. Daishi explains why this works and the importance of benchmarking. Daishi’s solution is designed as a same use state API, so someone can drop this in and see if it works.Daishi talks about his definition of proxies and how it triggers the rerender. He also talks about how it handles conditional reads. This tracking happens every render and it doesn’t have the same limitations as hooks. The panel talks about the new version of React Redux library implementation and how it compares to Daishi’s. Daishi’s approach is useful for people earning Redux because the used tracked state gives you all the benefits without a lot of the complexity. Daishi talks about how it deals with deeply nested pieces of code.The panel discusses the delicate balance of optimizing, but not doing it too soon, but to also remember how vital it is to maintain the performance of your app. Daishi’s work with Reactive React Redux to make sure things perform from the beginning is really important. It’s also important to understand how your product works so that when things do go wrong, you know how to fix it. Daisho talks about his other library React Tract for people who don’t like to use Redux.Links<ul> <li> <a href="https://www.mobex.biz/" rel="nofollow" target="_blank">Mobex</a> </li> <li> <a href="https://graphql.org/" rel="nofollow" target="_blank">GraphQL</a> </li> <li> <a href="https://support.sas.com/resources/papers/proceedings/proceedings/sugi27/p191-27.pdf" rel="nofollow" target="_blank">Proc SQL</a> </li> <li> <a href="https://www.npmjs.com/package/react-tracked" rel="nofollow" target="_blank">React-Tracked</a> </li> <li> <a href="https://github.com/immerjs/immer" rel="nofollow" target="_blank">Immer</a> </li> <li> <a href="https://github.com/dai-shi/reactive-react-redux" rel="nofollow" target="_blank">Reactive React Redux</a> </li> <li> <a href="https://react-redux.js.org/" rel="nofollow" target="_blank">React Redux</a> </li> </ul> Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>David Ceddia:<ul> <li> <a href="https://www.destroyallsoftware.com/screencasts/catalog/a-compiler-from-scratch" rel="nofollow" target="_blank">A Compiler From Scratch video</a> </li> <li> <a href="https://github.com/VerbalExpressions" rel="nofollow" target="_blank">Verbal Expressions</a> </li> </ul>Thomas Aylott:<ul> <li> <a href="https://juliezhuo.com/book/manager.html" rel="nofollow" target="_blank">The Making of a Manager</a> by Julie Zhou </li> <li> <a href="https://www.youtube.com/channel/UCZo0rCa6jiy8PrdK4TcOv5w?view_as=subscriber" rel="nofollow" target="_blank">Thomas’ Youtube channel</a> </li> </ul>Lucas Reis:<ul> <li> <a href="https://shun.kaiusaltd.com/" rel="nofollow" target="_blank">Shun knives</a> </li> </ul>Daishi Kato:<ul> <li> <a href="https://medium.com/@dai_shi/remote-faces-share-webcam-still-images-with-peerjs-webrtc-a7ed5fe11e49" rel="nofollow" target="_blank">Remote Faces</a> </li> </ul>Special Guest: Daishi Kato. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 072: React Hooks for Global State and More Custom Hooks with Daishi Kato

Kent C. Dodds

Panel:  Lucas Reis Justin Bennett Charles Max Wood Special Guest: Kent C. Dodds In this episode, the panelist talk with today’s guest, Kent C. Dodds who works for PayPal, is an instructor, and works through open source! Kent lives in Utah with his wife and four children. Kent and the panel talk today about testing – check it out!Show Topics:0:00 – Kendo UI0:32 – Chuck: Hello! My new show is TheDevRev – please go check it out!1:35 – Panel: I want all of it!1:43 – Chuck: Our guest is Kent C. Dodds! You were on the show for a while and then you got busy.2:06 – Guest. 3:09 – Panel: The kid part is impressive.3:20 – Guest: Yeah it’s awesome, but the kid part is my wife! 4:09 – Panel: 10 years ago we weren’t having any tests and then now we are thinking about how to write better tests. It’s the next step on that subject. What is your story with tests and what sparked these ideas?4:50 – Guest.7:25 – Panel: We have a bunch of tests at my work. “There is no such thing as too many tests” are being said a lot! Then we started talking about unit tests and there was this shift. The tests, for me, felt cumbersome. How do I know that this suite of tests are actually helping me and not hurting me?8:32 – Guest: I think that is a valuable insight.11:03 – Panel: What is the make-up of a good test?11:13 – Guest: Test every line – everything! No.11:19 – Chuck: “Look at everything!” I don’t know where to start, man!11:30 – Guest: How do you avoid those false negatives and false positives.15:38 – Panel: The end user is going to be like more of integration test, and the developer user will be more like a unit tester?16:01 – Guest: I don’t care too much of the distinction between unit and integration tests.18:36 – Panel: I have worked in testing in the past. One of the big things that fall on the users’ flow is that it’s difficult b/c maybe a tool like Selenium: when will things render? Are you still testing things in isolation?19:33 – Guest: It depends. When I talk about UI integration testing I am still mocking the backend.23:10 – Chuck: I am curious, where do you decide these are expensive (so I don’t want to do too many of them), but at what point is it worth it to do it?23:30 – Guest mentions the testing pyramid.28:14 – Chuck: Why do you care about confidence? What is confidence and what does it matter?28:35 – FreshBooks!29:50 – Guest.32:20 – Panel: I have something to add about the testing pyramid.Lucas talks about tooling, Mocha, JS Dong, and more! 33:44 – Guest: I think the testing pyramid is outdated and I have created my own.Guest talks about static testing, LINT, Cypress, and more! 35:32 – Chuck: When I was a new developer, people talked about using tests to track down bugs. What if it’s a hairy bug?36:07 – Guest: If you can, you can use this methodical approach...39:46 – Panel: Let’s talk about the React library for a little bit?Panel: Part of the confidence of the tests we write we ask ourselves “will it stand the test of time?” How does the React Testing library go about to solve that?41:05 – Guest.47:51 – Panel: A few more questions. When you are getting something and testing and grabbing the label by its text have you found that to be fragile? Is it reasonably reliable?48:57 – Guest: Yeah this is a concern and it relies on content.53:06 – Panel: I like this idea of having a different library. Sometimes we think that a powerful tool is better, but after spending some time with other tools that’s not always the case.54:16 – Guest: “You tie your hands to free your mind.” It does less but what it does less it does better.55:42 – Panel: I think that with Cypress, too?55:51 – Guest: Yeah that’s why Cypress is great to use.57:17 – Panel: I wrote a small library here at work and it deals with metrics. I automated all of those small clicks – write a bit – click a bit – and it was really good. I felt quite efficient. Those became the tests.57:58 – Panel: One more question: What about react Native? That comes up a lot. At looking at testing libraries we try to keep parody between the two. Do you have any thoughts on that?58:34 – Guest talks about React Native.1:00:22 – Panel: Anything else? It’s fascinating to talk about and dive-into these topics. When we talk about confidence that is very powerful, too.1:01:02 – Panelist asks the last question!1:01:38 – Guest: You could show them the coverage support.Links: Ruby on Rails Angular JavaScript Elm Phoenix GitHub Get A Coder Job Enzyme React Testing Library Cypress.io Hillel Wayne Testing JavaScript with Kent C. Dodds Kent Dodds’ News Kent Dodds’ Blog Egghead.io – Kent C. Dodds Ready to Write a Novel? Practical TLA+ GitHub: Circleci-queue GitHub: sstephenson / bats Todoist Discord Kent’s Twitter Sponsors: Get a Coder Job Cache Fly Fresh Books Kendo UI   Picks:Lucas Hillel Wayne  Practical TLA+ Justin Circle CI Queue Bats Todoists Charles MFCEO Project Podcast The DevRev Kent Discord Devs Who Write Finding your Why! TestingJavaScript.com  kcd.im/news kcd.i./hooks-and-suspense NaNoWriMo Special Guest:  Kent C. Dodds. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Lucas Reis</li> <li>Justin Bennett</li> <li>Charles Max Wood</li> </ul>Special Guest: <a href="https://twitter.com/kentcdodds" rel="nofollow" target="_blank">Kent C. Dodds</a> In this episode, the panelist talk with today’s guest, <a href="https://twitter.com/kentcdodds" rel="nofollow" target="_blank">Kent C. Dodds</a> who works for PayPal, is an instructor, and works through open source! Kent lives in Utah with his wife and four children. Kent and the panel talk today about testing – check it out!Show Topics:0:00 – <a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a>0:32 – Chuck: Hello! My new show is <a href="http://thedevrev.com" rel="nofollow" target="_blank">TheDevRev</a> – please go check it out!1:35 – Panel: I want all of it!1:43 – Chuck: Our guest is Kent C. Dodds! You were on the show for a while and then you got busy.2:06 – Guest. 3:09 – Panel: The kid part is impressive.3:20 – Guest: Yeah it’s awesome, but the kid part is my wife! 4:09 – Panel: 10 years ago we weren’t having any tests and then now we are thinking about how to write better tests. It’s the next step on that subject. What is your story with tests and what sparked these ideas?4:50 – Guest.7:25 – Panel: We have a bunch of tests at my work. “There is no such thing as too many tests” are being said a lot! Then we started talking about unit tests and there was this shift. The tests, for me, felt cumbersome. How do I know that this suite of tests are actually helping me and not hurting me?8:32 – Guest: I think that is a valuable insight.11:03 – Panel: What is the make-up of a good test?11:13 – Guest: Test every line – everything! No.11:19 – Chuck: “Look at everything!” I don’t know where to start, man!11:30 – Guest: How do you avoid those false negatives and false positives.15:38 – Panel: The end user is going to be like more of integration test, and the developer user will be more like a unit tester?16:01 – Guest: I don’t care too much of the distinction between unit and integration tests.18:36 – Panel: I have worked in testing in the past. One of the big things that fall on the users’ flow is that it’s difficult b/c maybe a tool like Selenium: when will things render? Are you still testing things in isolation?19:33 – Guest: It depends. When I talk about UI integration testing I am still mocking the backend.23:10 – Chuck: I am curious, where do you decide these are expensive (so I don’t want to do too many of them), but at what point is it worth it to do it?23:30 – Guest mentions the testing pyramid.28:14 – Chuck: Why do you care about confidence? What is confidence and what does it matter?28:35 – <a href="https://www.freshbooks.com" rel="nofollow" target="_blank">FreshBooks!</a>29:50 – Guest.32:20 – Panel: I have something to add about the testing pyramid.Lucas talks about tooling, Mocha, JS Dong, and more! 33:44 – Guest: I think the testing pyramid is outdated and I have created my own.Guest talks about static testing, LINT, Cypress, and more! 35:32 – Chuck: When I was a new developer, people talked about using tests to track down bugs. What if it’s a hairy bug?36:07 – Guest: If you can, you can use this methodical approach...39:46 – Panel: Let’s talk about the React library for a little bit?Panel: Part of the confidence of the tests we write we ask ourselves “will it stand the test of time?” How does the React Testing library go about to solve that?41:05 – Guest.47:51 – Panel: A few more questions. When you are getting something and testing and grabbing the label by its text have you found that to be fragile? Is it reasonably reliable?48:57 – Guest: Yeah this is a concern and it relies on content.53:06 – Panel: I like this idea of having a different library. Sometimes we think that a powerful tool is better, but after spending some time with other tools that’s not always the case.54:16 – Guest: “You tie your hands to free your mind.” It does less but what it does less it does better.55:42 – Panel: I think that with Cypress, too?55:51 – Guest: Yeah that’s why Cypress is great to use.57:17 – Panel: I wrote a small library here at work and it deals with metrics. I automated all of those small clicks – write a bit – click a bit – and it was really good. I felt quite efficient. Those became the tests.57:58 – Panel: One more question: What about react Native? That comes up a lot. At looking at testing libraries we try to keep parody between the two. Do you have any thoughts on that?58:34 – Guest talks about React Native.1:00:22 – Panel: Anything else? It’s fascinating to talk about and dive-into these topics. When we talk about confidence that is very powerful, too.1:01:02 – Panelist asks the last question!1:01:38 – Guest: You could show them the coverage support.Links:<ul> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://elm-lang.org/community" rel="nofollow" target="_blank">Elm</a></li> <li><a href="https://phoenixframework.org" rel="nofollow" target="_blank">Phoenix</a></li> <li><a href="https://github.com" rel="nofollow" target="_blank">GitHub</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> <li><a href="https://github.com/airbnb/enzyme" rel="nofollow" target="_blank">Enzyme</a></li> <li><a href="https://github.com/kentcdodds/react-testing-library" rel="nofollow" target="_blank">React Testing Library</a></li> <li><a href="https://www.cypress.io" rel="nofollow" target="_blank">Cypress.io</a></li> <li><a href="https://www.hillelwayne.com" rel="nofollow" target="_blank">Hillel Wayne</a></li> <li><a href="https://testingjavascript.com" rel="nofollow" target="_blank">Testing JavaScript with Kent C. Dodds</a></li> <li><a href="https://buttondown.email/kentcdodds" rel="nofollow" target="_blank">Kent Dodds’ News</a></li> <li><a href="https://blog.kentcdodds.com" rel="nofollow" target="_blank">Kent Dodds’ Blog</a></li> <li><a href="https://egghead.io/playlists/react-hooks-and-suspense-650307f2" rel="nofollow" target="_blank">Egghead.io – Kent C. Dodds</a></li> <li><a href="https://nanowrimo.org" rel="nofollow" target="_blank">Ready to Write a Novel?</a></li> <li><a href="https://www.apress.com/us/book/9781484238288?gclid=EAIaIQobChMIy6n4jevC3gIVx16GCh2CgwddEAQYAiABEgJWKPD_BwE" rel="nofollow" target="_blank">Practical TLA+</a></li> <li><a href="https://github.com/eddiewebb/circleci-queue" rel="nofollow" target="_blank">GitHub: Circleci-queue</a></li> <li><a href="https://github.com/sstephenson/bats" rel="nofollow" target="_blank">GitHub: sstephenson / bats</a></li> <li><a href="https://todoist.com" rel="nofollow" target="_blank">Todoist</a></li> <li><a href="https://discordapp.com/invite/7PhUYPd" rel="nofollow" target="_blank">Discord</a></li> <li><a href="https://twitter.com/kentcdodds" rel="nofollow" target="_blank">Kent’s Twitter</a></li> </ul>Sponsors:<ul> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get a Coder Job</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> <li><a href="https://www.freshbooks.com/?adgroupid=53169078638&amp;ag=%257Efreshbooks&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=289653575014&amp;dclid=CPaQ6KX0id4CFUTcwAodvfQEcA&amp;dv=c&amp;gclid=EAIaIQobChMIwr_9ofSJ3gIVyrfACh1DkQVNEAAYASAAEgJIUvD_BwE&amp;gclsrc=aw.ds&amp;kw=fresh%2520books&amp;kwid=kwd-299596828929&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank">Fresh Books</a></li> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> <li> </li> </ul>Picks:Lucas<ul> <li><a href="https://www.hillelwayne.com/" rel="nofollow" target="_blank">Hillel Wayne </a></li> <li><a href="https://www.apress.com/us/book/9781484238288?gclid=EAIaIQobChMIy6n4jevC3gIVx16GCh2CgwddEAQYAiABEgJWKPD_BwE" rel="nofollow" target="_blank">Practical TLA+</a></li> </ul>Justin<ul> <li><a href="https://github.com/eddiewebb/circleci-queue" rel="nofollow" target="_blank">Circle CI Queue</a></li> <li><a href="https://github.com/sstephenson/bats" rel="nofollow" target="_blank">Bats</a></li> <li><a href="https://todoist.com" rel="nofollow" target="_blank">Todoists</a></li> </ul>Charles<ul> <li><a href="https://andyfrisella.com/blogs/mfceo-project-podcast" rel="nofollow" target="_blank">MFCEO Project Podcast</a></li> <li><a href="http://thedevrev.com" rel="nofollow" target="_blank">The DevRev</a></li> </ul>Kent<ul> <li><a href="https://discord.gg/7PhUYPdhttps://discord.gg/7PhUYPd" rel="nofollow" target="_blank">Discord Devs Who Write</a></li> <li>Finding your Why!</li> <li><a href="https://testingjavascript.com/" rel="nofollow" target="_blank">TestingJavaScript.com </a></li> <li><a href="https://buttondown.email/kentcdodds" rel="nofollow" target="_blank">kcd.im/news</a></li> <li>kcd.i./hooks-and-suspense</li> <li><a href="https://nanowrimo.org" rel="nofollow" target="_blank">NaNoWriMo</a></li> </ul>Special Guest: Kent C. Dodds. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 043: Testing React Apps Without Testing Implementation Details with Kent C. Dodds

Sponsors Netlify  Sentry use the code “devchat” for 2 months free on Sentry’s small plan   Triplebyte offers a $1000 signing bonus  Panel  Nader Dabit   Lucas Reis   David Ceddia   Thomas Aylott  Episode SummaryOn today’s show the panel discusses what what jobs should be delegated to the front and backend when doing fullstack development with React. They talk about where the data fetching starts coming into play in a react app and the big changes from the old web to the modern web in data fetching. They discuss how much interaction with the backend there is when working with front end applications, but also the importance of properly separating backend and frontend teams.They discuss the pros and cons of separating the front and backend teams, and agree that the problem space between both back and frontend is the user interface. They talk about where middlewares fit in. The panel notes that it is important to ensure that your new app can still communicate with older versions, and talk about different ways of dealing with it, such as continually evolving schema, installing new versions, or even never deleting anything and only adding new events. The panel talks about who should work the middle layer and who, between frontend and backend developers, should be put in charge of maintaining it. They discuss the misconception that using React makes server-side jobs irrelevant and how React actually helps. They note how automation in programming has changed the way that people use the web. They conclude by saying it is important to understand there are different ways to do these kinds of things, and encouraging listeners to look at the abstractions being built out in the serverless worldLinks  State   jQuery   Middleware   Rest   BFFs (Backend for Frontend)    Syscalls    AWS  Follow DevChat on Facebook and TwitterPicksNader Dabit:  The Never Hero   Listening to books in the car with your kids.  Lucas Reis:  Why Softer Projects Take Longer Than You Think by Erik Bernhardsson    Interviewing is a noisy prediction problem by Erik Bernhardsson  David Ceddia:  11ty  Thomas Aylott:  Groovy Tie Squad   The Laws of Human Nature by Robert Green  Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> </ul><h3>Panel</h3><ul> <li> Nader Dabit </li> <li> Lucas Reis </li> <li> David Ceddia </li> <li> Thomas Aylott </li> </ul><h3>Episode Summary</h3>On today’s show the panel discusses what what jobs should be delegated to the front and backend when doing fullstack development with React. They talk about where the data fetching starts coming into play in a react app and the big changes from the old web to the modern web in data fetching. They discuss how much interaction with the backend there is when working with front end applications, but also the importance of properly separating backend and frontend teams.They discuss the pros and cons of separating the front and backend teams, and agree that the problem space between both back and frontend is the user interface. They talk about where middlewares fit in. The panel notes that it is important to ensure that your new app can still communicate with older versions, and talk about different ways of dealing with it, such as continually evolving schema, installing new versions, or even never deleting anything and only adding new events. The panel talks about who should work the middle layer and who, between frontend and backend developers, should be put in charge of maintaining it. They discuss the misconception that using React makes server-side jobs irrelevant and how React actually helps. They note how automation in programming has changed the way that people use the web. They conclude by saying it is important to understand there are different ways to do these kinds of things, and encouraging listeners to look at the abstractions being built out in the serverless worldLinks<ul> <li> <a href="https://thinkster.io/tutorials/understanding-react-state" rel="nofollow" target="_blank">State</a> </li> <li> <a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a> </li> <li> <a href="https://azure.microsoft.com/en-us/overview/what-is-middleware/" rel="nofollow" target="_blank">Middleware</a> </li> <li> <a href="https://thinkster.io/tutorials/understanding-react-state" rel="nofollow" target="_blank">Rest</a> </li> <li> <a href="https://medium.com/tech-tajawal/backend-for-frontend-using-graphql-under-microservices-5b63bbfcd7d9" rel="nofollow" target="_blank">BFFs (Backend for Frontend)</a> </li> <li> <a href="https://en.wikipedia.org/wiki/System_call" rel="nofollow" target="_blank">Syscalls </a> </li> <li> <a href="https://aws.amazon.com/" rel="nofollow" target="_blank">AWS</a> </li> </ul>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>Nader Dabit:<ul> <li> <a href="https://www.amazon.com/Never-Hero-Chronicles-Jonathan-Tibbs-ebook/dp/B00NK1GLM2?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Never Hero</a> </li> <li> Listening to books in the car with your kids. </li> </ul>Lucas Reis:<ul> <li> <a href="https://erikbern.com/2019/04/15/why-software-projects-take-longer-than-you-think-a-statistical-model.html" rel="nofollow" target="_blank">Why Softer Projects Take Longer Than You Think </a>by Erik Bernhardsson </li> <li> <a href="https://erikbern.com/2018/05/02/interviewing-is-a-noisy-prediction-problem.html" rel="nofollow" target="_blank">Interviewing is a noisy prediction problem</a> by Erik Bernhardsson </li> </ul>David Ceddia:<ul> <li> <a href="https://www.11ty.io/" rel="nofollow" target="_blank">11ty</a> </li> </ul>Thomas Aylott:<ul> <li> <a href="https://groovytiesquad.com/" rel="nofollow" target="_blank">Groovy Tie Squad</a> </li> <li> <a href="https://www.amazon.com/Laws-Human-Nature-Robert-Greene/dp/0525428143?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Laws of Human Nature by Robert Green</a> </li> </ul> Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 063: Fullstack Development with React

Monica Lent

Monica Lent has been interested in software from a very young age, and made her first domain name when she was 9 years old. She studied legacy languages Latin and Ancient Greek in university, but ended up keeping her college development job and going into software. She recently left her job and founded a startup, analytic tool designed for bloggers designed around affiliate marketing. She talks about some of the lessons she’s learned, including how to sift through data and how to make it useful for people. Monica gave a talk at React Finland and she first applies some of her principles from that talk to what she’s learned founding a startup. One of the main differences she’s found is a small startup has different needs and levels of stability than a business. In early stage business, you have to decide where you want to invest in quality and where you shouldn’t be investing. For example, her primary focus is on her algorithm that runs the tool, and UI is less of a priority. In a large company, this might be structured differently. The panel discusses how to distill the priorities from the project manager so you know where to spend your time, something that takes a lot of experience and failure. They agree that if something is business critical and will cause the business to lose money if it fails, those things should be a top priority. Second, the panel discusses the merits of different practices such as whether or not to deploy on Friday and having engineers on call. In Monica’s React Finland talk, she talks about the importance of constraints, which can help with these kinds of decisions. She explains that instead of thinking of architecture as something super abstract, think of it as enabling constraints, as picking ways to do less and end up with code that is safer to run, longer lasting, and has fewer bugs. Thomas shares how he used to oppose constraints and architecture, and how he changed his mind. They discuss the importance of automation over documentation for building sustainable code. Third, Monica explains her opinion on how copying and pasting code instead of adding dependencies is a positive constraint. She prefers this method most of the time but not in all cases because it keeps your code flexible and avoids unnecessary specialization. However she is not advocating for copy/paste over dependencies in every situation : rather the point comes down to using copy/paste instead of inappropriate coupling.Sometimes, when you create an abstraction and combine two pieces of code, this new combination makes code more brittle than it would be otherwiseComponents put in the shared folder almost never leave. This causes the  component to become very specialized and not work in all scenarios. The panel discusses where this method may not work. Thomas talks about some of his favorite tools for simplifying complexity, React Hooks and Relay. Monica and the panelists discuss the merits of using TypeScript and proper methods for coupling code.Fourth, the panel discusses how so much of programming is dealing with other people and the importance of keeping your ego out of it when designing constraints, especially since developers hate other developer’s abstractions. They debate whether pride is a characteristic of junior or senior developers. They note that it is easier to get prideful and opinionated when you’re not working on a team. Thomas believes that if you aren’t working on a big team, you should force yourself to talk to people with opposing positions.The show concludes with the panelists agreeing that it all comes down to the balance between priorities and making things work. Sometimes we can get so focused on making something work that we lose sight of what actually matters. They agree that  collaboration generally yields better results than leaving it to one person. Monica talks about the importance of senior developers nurturing their team by leading from behind to help people come up with their own solutions. The panelists talk about different methods they’ve seen for doing this.  Panelists  Leslie Cohn-Wein   Thomas Aylott   Lucas Reis  With special guest: Monica LentSponsors  Progress KendoReact | Try now for FREE: kendoreact.com/reactroundup   Sentry use the code “devchat” for 2 months free on Sentry’s small plan   Views on Vue  Links  Monica's React Finland talk   Narcissistic design talk   A Philosophy of Software Design   React Hooks   Relay   TypeScript   Webpack   gRPC   Prettier   7 Absolute Truths I Unlearned as a Junior Developer  Follow DevChatTV on Facebook and TwitterPicksLeslie Cohn-Wein:  Xochimilco, Mexico City, Mexico   List of CSS mistakes  Thomas Aylott:  Get the Truth book  Lucas Reis:  Lovevery   Zero Fasting app  Monica Lent:  The Mom Test by Rob Fitzpatrick  Special Guest: Monica Lent. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Monica Lent has been interested in software from a very young age, and made her first domain name when she was 9 years old. She studied legacy languages Latin and Ancient Greek in university, but ended up keeping her college development job and going into software. She recently left her job and founded a startup, analytic tool designed for bloggers designed around affiliate marketing. She talks about some of the lessons she’s learned, including how to sift through data and how to make it useful for people. Monica gave a talk at React Finland and she first applies some of her principles from that talk to what she’s learned founding a startup. One of the main differences she’s found is a small startup has different needs and levels of stability than a business. In early stage business, you have to decide where you want to invest in quality and where you shouldn’t be investing. For example, her primary focus is on her algorithm that runs the tool, and UI is less of a priority. In a large company, this might be structured differently. The panel discusses how to distill the priorities from the project manager so you know where to spend your time, something that takes a lot of experience and failure. They agree that if something is business critical and will cause the business to lose money if it fails, those things should be a top priority. Second, the panel discusses the merits of different practices such as whether or not to deploy on Friday and having engineers on call. In Monica’s React Finland talk, she talks about the importance of constraints, which can help with these kinds of decisions. She explains that instead of thinking of architecture as something super abstract, think of it as enabling constraints, as picking ways to do less and end up with code that is safer to run, longer lasting, and has fewer bugs. Thomas shares how he used to oppose constraints and architecture, and how he changed his mind. They discuss the importance of automation over documentation for building sustainable code. Third, Monica explains her opinion on how copying and pasting code instead of adding dependencies is a positive constraint. She prefers this method most of the time but not in all cases because it keeps your code flexible and avoids unnecessary specialization. However she is not advocating for copy/paste over dependencies in every situation : rather the point comes down to using copy/paste instead of inappropriate coupling.Sometimes, when you create an abstraction and combine two pieces of code, this new combination makes code more brittle than it would be otherwiseComponents put in the shared folder almost never leave. This causes the  component to become very specialized and not work in all scenarios. The panel discusses where this method may not work. Thomas talks about some of his favorite tools for simplifying complexity, React Hooks and Relay. Monica and the panelists discuss the merits of using TypeScript and proper methods for coupling code.Fourth, the panel discusses how so much of programming is dealing with other people and the importance of keeping your ego out of it when designing constraints, especially since developers hate other developer’s abstractions. They debate whether pride is a characteristic of junior or senior developers. They note that it is easier to get prideful and opinionated when you’re not working on a team. Thomas believes that if you aren’t working on a big team, you should force yourself to talk to people with opposing positions.The show concludes with the panelists agreeing that it all comes down to the balance between priorities and making things work. Sometimes we can get so focused on making something work that we lose sight of what actually matters. They agree that  collaboration generally yields better results than leaving it to one person. Monica talks about the importance of senior developers nurturing their team by leading from behind to help people come up with their own solutions. The panelists talk about different methods they’ve seen for doing this.  Panelists<ul> <li> Leslie Cohn-Wein </li> <li> Thomas Aylott </li> <li> Lucas Reis </li> </ul>With special guest: Monica LentSponsors<ul> <li> <a href="https://www.telerik.com/kendo-react-ui/campaigns/free-trial-react-8/?utm_campaign=kendo-ui-react-trial-oct-29&amp;utm_medium=cpm&amp;utm_source=reactroundup" rel="nofollow" target="_blank">Progress KendoReact</a> | Try now for FREE:<a href="http://kendoreact.com/reactroundup" rel="nofollow" target="_blank"> kendoreact.com/reactroundup</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://devchat.tv/views-on-vue/" rel="nofollow" target="_blank">Views on Vue</a> </li> </ul>Links<ul> <li> <a href="https://www.youtube.com/watch?v=brMZLmZ1HR0" rel="nofollow" target="_blank">Monica's React Finland talk</a> </li> <li> <a href="https://www.youtube.com/watch?v=LEZv-kQUSi4" rel="nofollow" target="_blank">Narcissistic design talk</a> </li> <li> <a href="https://www.amazon.com/Philosophy-Software-Design-John-Ousterhout/dp/1732102201?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">A Philosophy of Software Design</a> </li> <li> <a href="https://reactjs.org/docs/hooks-intro.html" rel="nofollow" target="_blank">React Hooks</a> </li> <li> <a href="https://relay.dev/" rel="nofollow" target="_blank">Relay</a> </li> <li> <a href="https://www.typescriptlang.org/" rel="nofollow" target="_blank">TypeScript</a> </li> <li> <a href="https://webpack.js.org/" rel="nofollow" target="_blank">Webpack</a> </li> <li> <a href="https://github.com/grpc" rel="nofollow" target="_blank">gRPC</a> </li> <li> <a href="https://prettier.io/" rel="nofollow" target="_blank">Prettier</a> </li> <li> 7 Absolute Truths I Unlearned as a Junior Developer </li> </ul>Follow DevChatTV on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>Leslie Cohn-Wein:<ul> <li> <a href="https://en.wikipedia.org/wiki/Xochimilco" rel="nofollow" target="_blank">Xochimilco, Mexico City, Mexico</a> </li> <li> <a href="https://wiki.csswg.org/ideas/mistakes" rel="nofollow" target="_blank">List of CSS mistakes</a> </li> </ul>Thomas Aylott:<ul> <li> <a href="https://www.amazon.com/Get-Truth-Former-Officers-Persuade-ebook/dp/B00IWUI4RQ/ref=tmm_kin_swatch_0?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Get the Truth book</a> </li> </ul>Lucas Reis:<ul> <li> <a href="https://lovevery.com/" rel="nofollow" target="_blank">Lovevery</a> </li> <li> <a href="https://zerofasting.com/" rel="nofollow" target="_blank">Zero Fasting app</a> </li> </ul>Monica Lent:<ul> <li> <a href="http://momtestbook.com/" rel="nofollow" target="_blank">The Mom Test by Rob Fitzpatrick</a> </li> </ul>Special Guest: Monica Lent. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 085: Building Resilient Architecture with Monica Lent

Soumyajit Pathak

Panel:  Lucas Reis Charles Max Wood Justin Bennett Special Guest: Soumyajit PathakIn this episode, the panelists talk with Soumyajit Pathak (India) who is a full-stack developer and cybersecurity enthusiast. The panel and the guest talk about design patterns and designing simpler code for clarity and less confusion. Check out today’s episode!Show Topics:0:00 – Kendo UI0:31 – Chuck: Our panelists are and our guest is Soumyajit! Introduce yourself please! Are you doing React on the side?1:02 – Guest: I am a master’s student and I am doing freelancing.1:42 – Panel.1:49 – Guest.2:10 – Chuck: I am feeling very up-to-date. Woo! Universities are teaching this and that and they are focused on theory. The flipside is that they are going to write real code for real systems.3:10 – Panel: I like your well-written blog posts. You talk about design patterns.3:50 – Guest: The design patterns at the university had to do with real JavaScript applications.4:09 – Chuck: I am curious you are talking about the design patterns – how can people from React find/use it?4:45 – Panel: It depends on your definition of design patterns.5:35 – Lucas: Maybe you are using one or two here and reading through the design patterns is like going through your toolbox. You only need a screwdriver but you bought the whole toolbox. Get familiar with it and from time to time solve problems and thing: what tool can help me here? It’s clear to me with this toolbox analogy. I understand now – that tool I saw 2 months ago could help me.7:00 – Guest: I have an interesting story with this about design patterns. Let me share!7:36 – Justin: It was a similar thing but I wasn’t in JavaScript at the time. I’ve used a lot of C++ code. Design patterns became very useful. I saw it the same way Lucas!9:23 – Justin continues: How and why to use a certain tool. That’s important.10:28 – Chuck: Okay this is the default pattern and that’s where we can go for the fallback. Here is the fallback if this doesn’t work here or there.10:49 – Lucas: This is important to remember. It’s not how to use the tool but it’s why am I using this tool here or there?11:57 – Justin: It’s so much information in general. People get information overload and they have to just start! One of the challenges we do is that we over-engineer things. Do what you need to know. Look it up but play with it.12:40 – Lucas: It’s interesting by another blog post that you wrote Soumyajit – and you are using a render prop. You showed a problem and showed the solution.13:30 – Guest: Yeah I’ve written a lot of blog posts about this topic.13:48 – Panel: Often times – it’s hard for people just to dive-in. People need to see you solving a problem and it really helps with the learning process.15:03 – Chuck: What patterns do you find most useful?15:11 – Panel: Functional components have changed my world!16:23 – Guest: Around these functional components...17:17 – Panel: I will go with the patterns that are not useful. Don’t make your code pattern-oriented. This is my favorite pattern now and going back to basics.18:53 – Panelists go back-and-forth.19:01 – Lucas.19:41 – Chuck: You talk about over-engineering things and that’s what I found myself doing sometimes with my new project. When I figure out how to make it simpler I get excited and it’s easy to follow.20:15 – Panel: We celebrate the person who deleted the most lines of code.20:28 – Panel: I am going to steal that idea.21:04 – Guest: I have an interesting story of over-engineering something – let me share!21:53 – FreshBooks!22:59 – Panel: Building too much is b/c I don’t have a clear understanding of what I am doing. I get excited about problems. What’s the more simple way / most naïve way possible!24:36 – Lucas: If you are going to change something you will be changing it in several different places.25:50 – Chuck: When I heard the concept, all the codes that change together should be together.26:08 – Lucas comments.26:53 – Panel: Keeping things contained in one place. We have our presentational component and higher-level component, so you can see it all.28:28 – Lucas: Different people working on different technologies.29:15 – Panel: Can I break this down to smaller parts, which makes sense to me?29:48 – Guest: Looking for keywords will cause a distraction. Finding a balance is good.30:04 – Chuck: If you have a large rile there could be a smaller component that is there own concern. That feels like the real answer to me. It has a lot less than the length of the file versus...Chuck: If I cannot follow it then I need to keep the concept simple.30:51 – Lucas: The quantity of lines and the line count – I think it’s better how many indentations you have.32:43 – Guest.32:48 – Lucas: Yes, so in the horizontal scrolling you have to keep things in your mind.33:41 – Panel: There are so many different metrics that you can use and the different line count or different characters. There are more scientific terms that we could plugin here. If you have a lot of these abstract relations that can...write it 34:23 – Chuck: So true.34:52 – Chuck: I want to move onto a different problem so it’s an attention thing for me too.35:06 – Panel: We have to get okay with not always writing the best code in that it just needs to do what it needs to do.35:30 – Chuck.35:57 – Panel: We write it once – then it falls apart and then we write it again and learn from the process. Learning is the key here – you see where it works and where it doesn’t work well.36:31 – Panel.36:47 – Chuck mentions service-side rendering.Chuck: Should we schedule another episode?37:11 – Panel: I think it’s own episode b/c it’s a complex problem overall.39:33 – Lucas: Try to find memory leaks in the file components and server-side rendering. Where we have lost a lot of sleep and a higher level of complication. Sometimes it’s necessary.41:42 – Chuck: Yeah let’s do another episode on this topic. Sounds like there is a lot to dive into this topic. Soumyajit, how do people find you?42:10 – Guest: Twitter and GitHub!42:28 – Picks!42:30 – Advertisement – Get A Coder Job!End – Cache FlyLinks: Ruby on Rails Angular JavaScript Elm Phoenix GitHub Get A Coder Job React Patterns on GitHub Calibre Book: Engineering a Safer World Designers’ Secret Source Monster Hunter Guest’s GitHub Guest’s Twitter Sponsors: Get a Coder Job Cache Fly Fresh Books Kendo UI Picks:Justin https://reactpatterns.com/ Calibre App Lucas Engineering a Safer World  Soumyajit Blog  Muzli - Chrome Extension Charles Monster Hunters International Series Metabase Stripe  Work for DevChat TV Special Guest: Soumyajit Pathak. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Lucas Reis</li> <li>Charles Max Wood</li> <li>Justin Bennett</li> </ul>Special Guest: <a href="https://twitter.com/drenther" rel="nofollow" target="_blank">Soumyajit Pathak</a>In this episode, the panelists talk with <a href="https://github.com/drenther" rel="nofollow" target="_blank">Soumyajit Pathak</a> (India) who is a full-stack developer and cybersecurity enthusiast. The panel and the guest talk about design patterns and designing simpler code for clarity and less confusion. Check out today’s episode!Show Topics:0:00 – <a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a>0:31 – Chuck: Our panelists are and our guest is Soumyajit! Introduce yourself please! Are you doing React on the side?1:02 – <a href="https://twitter.com/drenther" rel="nofollow" target="_blank">Guest:</a> I am a master’s student and I am doing freelancing.1:42 – Panel.1:49 – Guest.2:10 – Chuck: I am feeling very up-to-date. Woo! Universities are teaching this and that and they are focused on theory. The flipside is that they are going to write real code for real systems.3:10 – Panel: I like your well-written blog posts. You talk about design patterns.3:50 – Guest: The design patterns at the university had to do with real JavaScript applications.4:09 – Chuck: I am curious you are talking about the design patterns – how can people from React find/use it?4:45 – Panel: It depends on your definition of design patterns.5:35 – Lucas: Maybe you are using one or two here and reading through the design patterns is like going through your toolbox. You only need a screwdriver but you bought the whole toolbox. Get familiar with it and from time to time solve problems and thing: what tool can help me here? It’s clear to me with this toolbox analogy. I understand now – that tool I saw 2 months ago could help me.7:00 – Guest: I have an interesting story with this about design patterns. Let me share!7:36 – Justin: It was a similar thing but I wasn’t in JavaScript at the time. I’ve used a lot of C++ code. Design patterns became very useful. I saw it the same way Lucas!9:23 – Justin continues: How and why to use a certain tool. That’s important.10:28 – Chuck: Okay this is the default pattern and that’s where we can go for the fallback. Here is the fallback if this doesn’t work here or there.10:49 – Lucas: This is important to remember. It’s not how to use the tool but it’s why am I using this tool here or there?11:57 – Justin: It’s so much information in general. People get information overload and they have to just start! One of the challenges we do is that we over-engineer things. Do what you need to know. Look it up but play with it.12:40 – Lucas: It’s interesting by another blog post that you wrote Soumyajit – and you are using a render prop. You showed a problem and showed the solution.13:30 – Guest: Yeah I’ve written a lot of blog posts about this topic.13:48 – Panel: Often times – it’s hard for people just to dive-in. People need to see you solving a problem and it really helps with the learning process.15:03 – Chuck: What patterns do you find most useful?15:11 – Panel: Functional components have changed my world!16:23 – Guest: Around these functional components...17:17 – Panel: I will go with the patterns that are not useful. Don’t make your code pattern-oriented. This is my favorite pattern now and going back to basics.18:53 – Panelists go back-and-forth.19:01 – Lucas.19:41 – Chuck: You talk about over-engineering things and that’s what I found myself doing sometimes with my new project. When I figure out how to make it simpler I get excited and it’s easy to follow.20:15 – Panel: We celebrate the person who deleted the most lines of code.20:28 – Panel: I am going to steal that idea.21:04 – Guest: I have an interesting story of over-engineering something – let me share!21:53 – <a href="https://www.freshbooks.com/?adgroupid=51893696397&amp;campaignid=717543354&amp;crid=285105591548&amp;dv=c&amp;gclid=EAIaIQobChMI4ey45u-T3wIVhCJpCh0fZgOJEAAYASAAEgLXS_D_BwE&amp;gclsrc=aw.ds&amp;ntwk=g&amp;ref=ppc-fb&amp;source=GOOGLE&amp;targetid=kwd-298507762065" rel="nofollow" target="_blank">FreshBooks!</a>22:59 – Panel: Building too much is b/c I don’t have a clear understanding of what I am doing. I get excited about problems. What’s the more simple way / most naïve way possible!24:36 – Lucas: If you are going to change something you will be changing it in several different places.25:50 – Chuck: When I heard the concept, all the codes that change together should be together.26:08 – Lucas comments.26:53 – Panel: Keeping things contained in one place. We have our presentational component and higher-level component, so you can see it all.28:28 – Lucas: Different people working on different technologies.29:15 – Panel: Can I break this down to smaller parts, which makes sense to me?29:48 – Guest: Looking for keywords will cause a distraction. Finding a balance is good.30:04 – Chuck: If you have a large rile there could be a smaller component that is there own concern. That feels like the real answer to me. It has a lot less than the length of the file versus...Chuck: If I cannot follow it then I need to keep the concept simple.30:51 – Lucas: The quantity of lines and the line count – I think it’s better how many indentations you have.32:43 – Guest.32:48 – Lucas: Yes, so in the horizontal scrolling you have to keep things in your mind.33:41 – Panel: There are so many different metrics that you can use and the different line count or different characters. There are more scientific terms that we could plugin here. If you have a lot of these abstract relations that can...write it 34:23 – Chuck: So true.34:52 – Chuck: I want to move onto a different problem so it’s an attention thing for me too.35:06 – Panel: We have to get okay with not always writing the best code in that it just needs to do what it needs to do.35:30 – Chuck.35:57 – Panel: We write it once – then it falls apart and then we write it again and learn from the process. Learning is the key here – you see where it works and where it doesn’t work well.36:31 – Panel.36:47 – Chuck mentions service-side rendering.Chuck: Should we schedule another episode?37:11 – Panel: I think it’s own episode b/c it’s a complex problem overall.39:33 – Lucas: Try to find memory leaks in the file components and server-side rendering. Where we have lost a lot of sleep and a higher level of complication. Sometimes it’s necessary.41:42 – Chuck: Yeah let’s do another episode on this topic. Sounds like there is a lot to dive into this topic. Soumyajit, how do people find you?42:10 – Guest: Twitter and <a href="https://github.com/drenther" rel="nofollow" target="_blank">GitHub!</a>42:28 – Picks!42:30 – <a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Advertisement – Get A Coder Job!</a>End – <a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a>Links:<ul> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://elm-lang.org/community" rel="nofollow" target="_blank">Elm</a></li> <li><a href="https://phoenixframework.org" rel="nofollow" target="_blank">Phoenix</a></li> <li><a href="https://github.com" rel="nofollow" target="_blank">GitHub</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> <li><a href="https://reactpatterns.com" rel="nofollow" target="_blank">React Patterns on GitHub</a></li> <li><a href="https://calibreapp.com" rel="nofollow" target="_blank">Calibre</a></li> <li><a href="https://mitpress.mit.edu/books/engineering-safer-world" rel="nofollow" target="_blank">Book: Engineering a Safer World</a></li> <li><a href="https://muz.li" rel="nofollow" target="_blank">Designers’ Secret Source</a></li> <li><a href="https://www.amazon.com/Monster-Hunter-International-Second-Hunters-ebook/dp/B00XLQ9PF6/ref=as_li_ss_tl?ie=UTF8&amp;keywords=monster+hunters+international+series&amp;language=en_US&amp;linkCode=sl1&amp;linkId=8677e2fa9b6c3b5fe9de5c749f826715&amp;qid=1540397018&amp;sr=8-6&amp;tag=devchattv-20" rel="nofollow" target="_blank">Monster Hunter</a></li> <li><a href="https://github.com/drenther" rel="nofollow" target="_blank">Guest’s GitHub</a></li> <li><a href="https://twitter.com/drenther" rel="nofollow" target="_blank">Guest’s Twitter</a></li> </ul>Sponsors:<ul> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get a Coder Job</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> <li><a href="https://www.freshbooks.com/?adgroupid=53169078638&amp;ag=%257Efreshbooks&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=289653575014&amp;dclid=CPaQ6KX0id4CFUTcwAodvfQEcA&amp;dv=c&amp;gclid=EAIaIQobChMIwr_9ofSJ3gIVyrfACh1DkQVNEAAYASAAEgJIUvD_BwE&amp;gclsrc=aw.ds&amp;kw=fresh%2520books&amp;kwid=kwd-299596828929&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank">Fresh Books</a></li> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> </ul>Picks:Justin<ul> <li><a href="https://reactpatterns.com/" rel="nofollow" target="_blank">https://reactpatterns.com/</a></li> <li><a href="https://calibreapp.com/" rel="nofollow" target="_blank">Calibre App</a></li> </ul>Lucas<ul> <li><a href="https://mitpress.mit.edu/books/engineering-safer-world" rel="nofollow" target="_blank">Engineering a Safer World </a></li> </ul>Soumyajit<ul> <li><a href="https://codepen.io/drenther/" rel="nofollow" target="_blank">Blog </a></li> <li><a href="https://muz.li/" rel="nofollow" target="_blank">Muzli - Chrome Extension</a></li> </ul>Charles<ul> <li><a href="https://www.amazon.com/Monster-Hunter-International-Second-Hunters-ebook/dp/B00XLQ9PF6/ref=as_li_ss_tl?ie=UTF8&amp;keywords=monster+hunters+international+series&amp;language=en_US&amp;linkCode=sl1&amp;linkId=8677e2fa9b6c3b5fe9de5c749f826715&amp;qid=1540397018&amp;sr=8-6&amp;tag=devchattv-20" rel="nofollow" target="_blank">Monster Hunters International Series</a></li> <li><a href="https://www.metabase.com" rel="nofollow" target="_blank">Metabase</a></li> <li><a href="https://stripe.com" rel="nofollow" target="_blank">Stripe </a></li> <li>Work for DevChat TV</li> </ul>Special Guest: Soumyajit Pathak. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 041: Design Patterns with Soumyajit Pathak

Max Desiatov

SponsorsKendoUISentry use the code “devchat” for $100 creditTripleByteCacheflyPanelLucas ReisJustin BennettCharles Max WoodJoined by Special Guest: Max DesiatovSummaryMax Desiatov shares his experience transitioning from REST to GraphQL. The panel discusses Max’s migration strategy and other strategies. REST and GraphQL are compared, the problems with both are discussed. The panel shares their favorite things about GraphQL including workflow and data modeling. The solutions for GraphQL problems are discussed and the things the panel would like to see are mentioned. Max Desiatov and Justin Bennett share the different tools they use including Apollo and Graphiql. Charles Max Wood steers the conversation to the adoption of GraphQL by companies.Linkshttps://sailsjs.com/https://graphql.orghttps://spring.io/understanding/HATEOAShttps://www.graphile.org/postgraphile/https://www.apollographql.com/docs/react/https://github.com/expo/apollo-codegenhttps://github.com/graphql/graphiqlhttps://www.apollographql.com/docs/graphql-tools/schema-stitching.htmlhttps://www.apollographql.com/docs/react/essentials/local-state.htmlhttps://desiatov.com/why-graphql/https://desiatov.com/https://twitter.com/maxdesiatovhttps://github.com/maxdesiatovPicksJustin Bennetthttps://renovatebot.com/The Wheel of Time by Robert Jordan and Brandon SandersonCharles Max Woodhttps://www.11ty.io/https://devchat.tv/ruby-rogues/rr-383-rbspy-a-newish-ruby-profiler-with-julia-evans/Max Desiatovhttps://nadiaeghbal.comhttps://jvns.ca/blog/2018/09/18/build-impossible-programs/Special Guest: Max Desiatov.Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul><li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">KendoUI</a></li><li><a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li><li><a href="https://triplebyte.com/react" rel="nofollow" target="_blank">TripleByte</a></li><li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">Cachefly</a></li></ul><h3>Panel</h3><ul><li>Lucas Reis</li><li>Justin Bennett</li><li>Charles Max Wood</li></ul>Joined by Special Guest: Max Desiatov<h3>Summary</h3>Max Desiatov shares his experience transitioning from REST to GraphQL. The panel discusses Max’s migration strategy and other strategies. REST and GraphQL are compared, the problems with both are discussed. The panel shares their favorite things about GraphQL including workflow and data modeling. The solutions for GraphQL problems are discussed and the things the panel would like to see are mentioned. Max Desiatov and Justin Bennett share the different tools they use including Apollo and Graphiql. Charles Max Wood steers the conversation to the adoption of GraphQL by companies.<h3>Links</h3><ul><li><a href="https://sailsjs.com/" rel="nofollow" target="_blank">https://sailsjs.com/</a></li><li><a href="https://graphql.org" rel="nofollow" target="_blank">https://graphql.org</a></li><li><a href="https://spring.io/understanding/HATEOAS" rel="nofollow" target="_blank">https://spring.io/understanding/HATEOAS</a></li><li><a href="https://www.graphile.org/postgraphile/" rel="nofollow" target="_blank">https://www.graphile.org/postgraphile/</a></li><li><a href="https://www.apollographql.com/docs/react/" rel="nofollow" target="_blank">https://www.apollographql.com/docs/react/</a></li><li><a href="https://github.com/expo/apollo-codegen" rel="nofollow" target="_blank">https://github.com/expo/apollo-codegen</a></li><li><a href="https://github.com/graphql/graphiql" rel="nofollow" target="_blank">https://github.com/graphql/graphiql</a></li><li><a href="https://www.apollographql.com/docs/graphql-tools/schema-stitching.html" rel="nofollow" target="_blank">https://www.apollographql.com/docs/graphql-tools/schema-stitching.html</a></li><li><a href="https://www.apollographql.com/docs/react/essentials/local-state.html" rel="nofollow" target="_blank">https://www.apollographql.com/docs/react/essentials/local-state.html</a></li><li><a href="https://desiatov.com/why-graphql/" rel="nofollow" target="_blank">https://desiatov.com/why-graphql/</a></li><li><a href="https://desiatov.com/" rel="nofollow" target="_blank">https://desiatov.com/</a></li><li><a href="https://twitter.com/maxdesiatov" rel="nofollow" target="_blank">https://twitter.com/maxdesiatov</a></li><li><a href="https://github.com/maxdesiatov" rel="nofollow" target="_blank">https://github.com/maxdesiatov</a></li></ul><h3>Picks</h3>Justin Bennett<ul><li><a href="https://renovatebot.com/" rel="nofollow" target="_blank">https://renovatebot.com/</a></li><li><a href="https://www.amazon.com/Complete-Wheel-Time-Robert-Jordan-ebook/dp/B00M64A8UA/ref=sr_1_4?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Wheel of Time by Robert Jordan and Brandon Sanderson</a></li></ul>Charles Max Wood<ul><li><a href="https://www.11ty.io/" rel="nofollow" target="_blank">https://www.11ty.io/</a></li><li><a href="https://devchat.tv/ruby-rogues/rr-383-rbspy-a-newish-ruby-profiler-with-julia-evans/" rel="nofollow" target="_blank">https://devchat.tv/ruby-rogues/rr-383-rbspy-a-newish-ruby-profiler-with-julia-evans/</a></li></ul>Max Desiatov<ul><li><a href="https://nadiaeghbal.com" rel="nofollow" target="_blank">https://nadiaeghbal.com</a></li><li><a href="https://jvns.ca/blog/2018/09/18/build-impossible-programs/" rel="nofollow" target="_blank">https://jvns.ca/blog/2018/09/18/build-impossible-programs/</a></li></ul>Special Guest: Max Desiatov.Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 046: GraphQL vs REST APIs with Max Desiatov

Jared Palmer

Sponsors  Sentry use the code “devchat” for $100 credit Triplebyte CacheFly Panel Lucas Reis Charles Max Wood Joined by special guest: Jared PalmerEpisode Summary In this episode of React Round Up, Jared Palmer, Lead Engineer at Palmer Group, gives the listeners an overview of React Suspense, how it helps to resolve conflicts with resource scheduling and how it differs from current practices. He mentions that it is developed completely by the React team and talks about some of its applications, especially in handling images. He explains how React Suspense will reduce code size for loading states, the mechanism of parallel execution and how complexity in logic can be simplified with it. Jared also mentions some modules where Suspense can already be integrated with and advises on where it is not recommended to be used yet. The panelists then discuss server-side rendering with Suspense and their approach in technology adoption, which is incremental. Finally they talk about Redux and move on to picks.Links The Platform - Suspense-ready components  Jared’s GitHub Jared’s Twitter Jared’s website The Palmer Group https://www.facebook.com/React-Round-Up-297859274397129/ https://twitter.com/reactroundup PicksLucas Reis: Sunlight Alarm Clock Charles Max Wood: Gel Pads Notion Jared Palmer: DevHub The Undefined Podcast Special Guest: Jared Palmer. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for $100 credit</li> <li><a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a></li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Lucas Reis</li> <li>Charles Max Wood</li> </ul>Joined by special guest: Jared Palmer<h3>Episode Summary </h3>In this episode of React Round Up, Jared Palmer, Lead Engineer at Palmer Group, gives the listeners an overview of React Suspense, how it helps to resolve conflicts with resource scheduling and how it differs from current practices. He mentions that it is developed completely by the React team and talks about some of its applications, especially in handling images. He explains how React Suspense will reduce code size for loading states, the mechanism of parallel execution and how complexity in logic can be simplified with it. Jared also mentions some modules where Suspense can already be integrated with and advises on where it is not recommended to be used yet. The panelists then discuss server-side rendering with Suspense and their approach in technology adoption, which is incremental. Finally they talk about Redux and move on to picks.<h3>Links</h3><ul> <li><a href="https://github.com/palmerhq/the-platform" rel="nofollow" target="_blank">The Platform - Suspense-ready components </a></li> <li><a href="https://github.com/jaredpalmer" rel="nofollow" target="_blank">Jared’s GitHub</a></li> <li><a href="https://twitter.com/jaredpalmer?lang=en" rel="nofollow" target="_blank">Jared’s Twitter</a></li> <li><a href="https://jaredpalmer.com/" rel="nofollow" target="_blank">Jared’s website</a></li> <li><a href="https://palmer.net/" rel="nofollow" target="_blank">The Palmer Group</a></li> <li><a href="https://www.facebook.com/React-Round-Up-297859274397129/" rel="nofollow" target="_blank">https://www.facebook.com/React-Round-Up-297859274397129/</a></li> <li><a href="https://twitter.com/reactroundup" rel="nofollow" target="_blank">https://twitter.com/reactroundup</a></li> </ul><h3>Picks</h3>Lucas Reis:<ul> <li><a href="https://www.amazon.com/slp/sunlight-alarm-clock/mcuonver7m8f9mr?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Sunlight Alarm Clock</a></li> </ul>Charles Max Wood:<ul> <li><a href="https://www.amazon.com/slp/gel-pads-for-pressure-sores/7qovdqoc48ut645?%3Fie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">Gel Pads</a></li> <li><a href="https://www.notion.so/" rel="nofollow" target="_blank">Notion</a></li> </ul>Jared Palmer:<ul> <li><a href="https://github.com/devhubapp/devhub" rel="nofollow" target="_blank">DevHub</a></li> <li><a href="https://undefined.fm/" rel="nofollow" target="_blank">The Undefined Podcast</a></li> </ul>Special Guest: Jared Palmer. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 052: React Suspense with Jared Palmer

Sponsors  Netlify   Sentry use the code “devchat” for 2 months free on Sentry’s small plan   Triplebyte offers a $1000 signing bonus   CacheFly  Panel  Nader Dabbit   Dave Ceddia   Lucas Reis  SummaryThe panel shares their first experiences with CSS and compares CSS and CSS-in-JS. The best ways to learn CSS is considered. The panel shares some coding tips; considering when to use libraries and when to use homegrown solutions. Nader Dabbit shares his predictions for the future of frontend technology. The panel discusses these predictions and shares some of their own. Links  https://www.facebook.com/React-Round-Up  PicksNader Dabbit:  21 Lessons for the 21st Century  Dave Ceddia:  CSS Mastery: Advanced Web Standards Solutions   https://conference.convertkit.com/   Lucas Reis:  https://workflowy.com/    https://www.futureme.org/   Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li> <a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus </li> <li> <a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a> </li> </ul><h3>Panel</h3><ul> <li> Nader Dabbit </li> <li> Dave Ceddia </li> <li> Lucas Reis </li> </ul><h3>Summary</h3>The panel shares their first experiences with CSS and compares CSS and CSS-in-JS. The best ways to learn CSS is considered. The panel shares some coding tips; considering when to use libraries and when to use homegrown solutions. Nader Dabbit shares his predictions for the future of frontend technology. The panel discusses these predictions and shares some of their own. <h3>Links</h3><ul> <li> <a href="https://www.facebook.com/React-Round-Up-297859274397129/" rel="nofollow" target="_blank">https://www.facebook.com/React-Round-Up</a> </li> </ul><h3>Picks</h3>Nader Dabbit:<ul> <li> <a href="https://www.amazon.com/Lessons-21st-Century-Yuval-Harari-ebook/dp/B079WM7KLS/ref=sr_1_2?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">21 Lessons for the 21st Century</a> </li> </ul>Dave Ceddia:<ul> <li> <a href="https://www.amazon.com/CSS-Mastery-Advanced-Standards-Solutions-ebook/dp/B074FTB13N/ref=sr_1_1?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">CSS Mastery: Advanced Web Standards Solutions</a> </li> <li> <a href="https://conference.convertkit.com/" rel="nofollow" target="_blank">https://conference.convertkit.com/</a> </li> </ul>Lucas Reis:<ul> <li> <a href="https://workflowy.com/" rel="nofollow" target="_blank">https://workflowy.com/</a> </li> <li> <a href="https://www.futureme.org/" rel="nofollow" target="_blank">https://www.futureme.org/</a> </li> </ul>Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 067:  CSS, CSS-in-JS, and Future of the Frontend

Alexey Ivanov

Andy Barnov

Panel:  Lucas Reis Justin Bennett Special Guests: Alexey Ivanov and Andy BarnovIn this episode, the panelists talk with Alexey Ivanov and Andy Barnov. They all discuss Alexey’s article titled: “Optimizing React Virtual DOM.” Listen to today’s episode to hear all the details about this article, the guests’ backgrounds and much, much more!Show Topics:0:32 – Panel: Thanks for joining us and talking about this article.0:52 – Guest: Thanks for having us on your podcast!The guest talks about his community of developers and the offices are in San Francisco, Russia and other places. He talks about how the company helps their customers and how they can scale. Some of their companies are Groupon and Ebay.2:39 – Alexey.3:09 – Panel: The article is here.What is JSX how does it boil down to? It’s all supposed to help people and help them understand.3:45 – Alexey: It’s about how to structure your state, etc.4:15 – Panel: This keeps things small. He said when I have one idea I write a song and when I have 2 ideas I write 2 songs. If you try to put too many ideas into one post it maybe won’t go too far.4:48 – Alexey.5:50 – Panel.5:56 – Panel: That’s a topic for another episode.The article is interesting in that the large percentage don’t think about rendering performance, so it’s a needed piece of content. Let’s talk about – what is the React Virtual DOM?6:32 – Alexey goes into detail with his answer to the panelist’s question.8:50 – Panel: What I like about this article is that you go through a good progression: here is the JSX that you would write and here is the trans piled function is. And you show the virtual DOM pre-presentation is. I think that is a helpful thing. Let’s talk about that. How does React change to those things when it’s rendering?9:50 – Alexey.12:58 – Panel: Okay to recap...when you are rendering an element you write some JSX and the first thing (component) that will map over to the type property is for the Virtual DOM object? And then all of that is compared – when does that happen, the comparison?13:28 – Alexey: You have React and you create...15:20 – Panel: So it’s both React and set state these are the only 2 things that triggered state or is there anything else out there?15:31 – Alexey.15:47 – Panel: Interesting. You talked about the imperative way we did it before – and it’s much simpler to say what you want, but a question is that is there any world case where it does not work well? What are the trade-offs? Have you ever encountered one?16:34 – Alexey: If you have changes in the browse, implementations...it’s simplest and easiest way. You just need to have some little changes...17:53 – Panel: If it’s basic then you don’t have to do manual updates.18:03 – Alexey.Alexey: To make it work you need competence in your bundle.18:36 – Panel: I’ve heard – haven’t worked with – when we have these projects that are really web time based, hundreds of elements in real time on a screen, on a Virtual DOM it’s too slow. You have to be precise. They had performance issues, I’m sure 98.99% of the applications probably perform better with the Virtual DOM. 19:46 – Alexey.21:38 – Panel: That is to reduce the amount of state changes so you are reducing the amount of time it renders – right?21:50 – Alexey.22:03 – FRESH BOOKS!23:11 – Panel: We talked about how type is the first thing that is checked. It does equal comparison to compare these types.What was really interesting is that class components are the same thing but not so. Is it always going to re-render for those components?24:24 – Alexey: We have to talk about 2 things about this first. In my article...27:49 – Panel: That is a beneficial tool too to control your rendering. You talked about tools to show updates and we will include the link to the article in the links, also I would read it and check out that particular function. It’s cool to see HOW it’s actually rendering.28:29 – Panel: Apparently sometimes things help us in principle cause we need performance. We need to open the tools and understand what is happening? Is it really a bottleneck like I think it is? One of those Twitter things I saw a few months ago...30:52 – Alexey: Yes, do what makes sense to you at the time.32:08 – Panel: We talked about render performance and the pure component and not creating functions...you have a big quote in your article...I have a big question for me: You have a component, and there is a child / parent component. I am curious about that pattern – will it re-render every time? Tell us your thoughts, please.33:16 – Alexey.34:11 – Panel: My only issue with the render props is not a performance issue it’s more of an architectural issue. Sometimes we want things to be interjected. I want to have access to this or that. Sometimes we want to access those on a life cycle. The higher the component makes it easier to add a...That’s my only complaint about render comps.35:35 – Alexey.36:00 – Panel: Like composing consumers?36:06 – Alexey: What we are talking about is...37:00 – Panel: I agree. There are some interesting cases with that pattern when you have a lot of those chained together – function, function, etc. – there are some components that will help you compose...37:34 – Panel: It’s like callback hell all over again.Everything is a tradeoff somewhere.After the tree it looks clean with render props. I like it even with the drawbacks.38:25 – Panel: You spent some time talking about lists of children and how you (if one of the children are removed) then it ends up re rendering all the children cause it’s comparing their positions. You mentioned key is one way to deal with that. Let’s talk about keys. When people use keys they are using an array of an index. It seems like it defeats the purpose of it – is that right?39:20 – Alexey: Yes, you are right. 40:19 – Panel: I think that continually and it’s a smaller known thing but people want this key error to go away and they just shove something in there. To some extent it’s good to know if your tool requires something it’s good to know WHY it requires that.40:52 – Panel: Last question. Is that the person to program and be a web developer and they are learning React. This is the tool and they are learning how to use React for an app then when we are throwing articles at them. If they are learning React and these articles are at them I think it’s a cognitive overload. What are your thoughts / advice?42:07 – Guest: How beginner should you be before you learn React? Ideally you should be aware of JavaScript, right? Sometimes people do this to catch up to something shiny. This is just my 2 cents. 43:03 – Alexey.44:49 – Panel: When you are going to hire someone to do something or choose a framework always try to do a little bit of work without it. Try to build an application w/o React, and then React is introduced to you, you will only see the benefits that they are brining. One thing that happens inside the React world is that people don’t write an application...Start with the basic building blocks – that makes sense to me.46:05 – Panel: Let’s go to picks!46:13 – Advertisement – Get A Coder Job!Links: Ruby on Rails Angular JavaScript Elm Phoenix GitHub React: The Virtual DOM Elixir and Phoenix Bootcamp Alexey Ivanov’s Twitter Andy Barnov’s Twitter Rob Pike’s YouTube Video Understanding Comics Understanding Comics – Book Get A Coder Job Charles Max Wood’s Twitter Sponsors: Get a Coder Job Cache Fly Fresh Books Kendo UI Picks:Lucas Check your room for sound Andy Go Programming Language  Alexey Understanding comics  Justin The Complete Elixir and Phoenix Bootcamp Special Guests: Alexey Ivanov and Andy Barnov. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li><a href="https://github.com/lucasmreis" rel="nofollow" target="_blank">Lucas Reis</a></li> <li><a href="https://github.com/zephraph" rel="nofollow" target="_blank">Justin Bennett</a></li> </ul>Special Guests: Alexey Ivanov and Andy BarnovIn this episode, the panelists talk with <a href="https://twitter.com/savetherbtz?lang=en" rel="nofollow" target="_blank">Alexey Ivanov</a> and <a href="https://github.com/progapandist" rel="nofollow" target="_blank">Andy Barnov.</a> They all discuss Alexey’s <a href="https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained" rel="nofollow" target="_blank">article</a> titled: “Optimizing React Virtual DOM.” Listen to today’s episode to hear all the details about this article, the guests’ backgrounds and much, much more!Show Topics:0:32 – Panel: Thanks for joining us and talking about this <a href="https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained" rel="nofollow" target="_blank">article.</a>0:52 – Guest: Thanks for having us on your podcast!The guest talks about his community of developers and the offices are in San Francisco, Russia and other places. He talks about how the company helps their customers and how they can scale. Some of their companies are <a href="https://www.groupon.com/?gclid=EAIaIQobChMI9Puun7Kq3gIVDo1pCh2oDgiyEAAYASAAEgJZ7_D_BwE&amp;utm_campaign=us_dt_sea_ggl_txt_naq_sr_cbp_ch1_ybr_k%2Agroupon_m%2Ae_d%2Agroupon-brand_g%2Agroupon-exact_c%2A137872562158_ap%2A1t1&amp;utm_medium=cpc&amp;utm_source=google" rel="nofollow" target="_blank">Groupon</a> and <a href="https://www.ebay.com" rel="nofollow" target="_blank">Ebay.</a>2:39 – Alexey.3:09 – Panel: The article is <a href="https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained" rel="nofollow" target="_blank">here.</a>What is JSX how does it boil down to? It’s all supposed to help people and help them understand.3:45 – Alexey: It’s about how to structure your state, etc.4:15 – Panel: This keeps things small. He said when I have one idea I write a song and when I have 2 ideas I write 2 songs. If you try to put too many ideas into one post it maybe won’t go too far.4:48 – Alexey.5:50 – Panel.5:56 – Panel: That’s a topic for another episode.The article is interesting in that the large percentage don’t think about rendering performance, so it’s a needed piece of content. Let’s talk about – what is the <a href="https://www.codecademy.com/articles/react-virtual-dom" rel="nofollow" target="_blank">React Virtual DOM?</a>6:32 – Alexey goes into detail with his answer to the panelist’s question.8:50 – Panel: What I like about this article is that you go through a good progression: here is the JSX that you would write and here is the trans piled function is. And you show the virtual DOM pre-presentation is. I think that is a helpful thing. Let’s talk about that. How does React change to those things when it’s rendering?9:50 – Alexey.12:58 – Panel: Okay to recap...when you are rendering an element you write some JSX and the first thing (component) that will map over to the type property is for the Virtual DOM object? And then all of that is compared – when does that happen, the comparison?13:28 – Alexey: You have React and you create...15:20 – Panel: So it’s both React and set state these are the only 2 things that triggered state or is there anything else out there?15:31 – Alexey.15:47 – Panel: Interesting. You talked about the imperative way we did it before – and it’s much simpler to say what you want, but a question is that is there any world case where it does not work well? What are the trade-offs? Have you ever encountered one?16:34 – Alexey: If you have changes in the browse, implementations...it’s simplest and easiest way. You just need to have some little changes...17:53 – Panel: If it’s basic then you don’t have to do manual updates.18:03 – Alexey.Alexey: To make it work you need competence in your bundle.18:36 – Panel: I’ve heard – haven’t worked with – when we have these projects that are really web time based, hundreds of elements in real time on a screen, on a Virtual DOM it’s too slow. You have to be precise. They had performance issues, I’m sure 98.99% of the applications probably perform better with the Virtual DOM. 19:46 – Alexey.21:38 – Panel: That is to reduce the amount of state changes so you are reducing the amount of time it renders – right?21:50 – Alexey.22:03 – <a href="https://www.freshbooks.com/?ref=10400&amp;sscid=a1k2_rph9e&amp;utm_campaign=87321&amp;utm_medium=affiliate&amp;utm_source=sas" rel="nofollow" target="_blank">FRESH BOOKS!</a>23:11 – Panel: We talked about how type is the first thing that is checked. It does equal comparison to compare these types.What was really interesting is that class components are the same thing but not so. Is it always going to re-render for those components?24:24 – Alexey: We have to talk about 2 things about this first. In my <a href="https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained" rel="nofollow" target="_blank">article...</a>27:49 – Panel: That is a beneficial tool too to control your rendering. You talked about tools to show updates and we will include the link to the article in the links, also I would read it and check out that particular function. It’s cool to see HOW it’s actually rendering.28:29 – Panel: Apparently sometimes things help us in principle cause we need performance. We need to open the tools and understand what is happening? Is it really a bottleneck like I think it is? One of those Twitter things I saw a few months ago...30:52 – Alexey: Yes, do what makes sense to you at the time.32:08 – Panel: We talked about render performance and the pure component and not creating functions...you have a big quote in your article...I have a big question for me: You have a component, and there is a child / parent component. I am curious about that pattern – will it re-render every time? Tell us your thoughts, please.33:16 – Alexey.34:11 – Panel: My only issue with the render props is not a performance issue it’s more of an architectural issue. Sometimes we want things to be interjected. I want to have access to this or that. Sometimes we want to access those on a life cycle. The higher the component makes it easier to add a...That’s my only complaint about render comps.35:35 – Alexey.36:00 – Panel: Like composing consumers?36:06 – Alexey: What we are talking about is...37:00 – Panel: I agree. There are some interesting cases with that pattern when you have a lot of those chained together – function, function, etc. – there are some components that will help you compose...37:34 – Panel: It’s like callback hell all over again.Everything is a tradeoff somewhere.After the tree it looks clean with render props. I like it even with the drawbacks.38:25 – Panel: You spent some time talking about lists of children and how you (if one of the children are removed) then it ends up re rendering all the children cause it’s comparing their positions. You mentioned key is one way to deal with that. Let’s talk about keys. When people use keys they are using an array of an index. It seems like it defeats the purpose of it – is that right?39:20 – Alexey: Yes, you are right. 40:19 – Panel: I think that continually and it’s a smaller known thing but people want this key error to go away and they just shove something in there. To some extent it’s good to know if your tool requires something it’s good to know WHY it requires that.40:52 – Panel: Last question. Is that the person to program and be a web developer and they are learning React. This is the tool and they are learning how to use React for an app then when we are throwing articles at them. If they are learning React and these articles are at them I think it’s a cognitive overload. What are your thoughts / advice?42:07 – Guest: How beginner should you be before you learn React? Ideally you should be aware of JavaScript, right? Sometimes people do this to catch up to something shiny. This is just my 2 cents. 43:03 – Alexey.44:49 – Panel: When you are going to hire someone to do something or choose a framework always try to do a little bit of work without it. Try to build an application w/o React, and then React is introduced to you, you will only see the benefits that they are brining. One thing that happens inside the React world is that people don’t write an application...Start with the basic building blocks – that makes sense to me.46:05 – Panel: Let’s go to picks!46:13 – <a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Advertisement – Get A Coder Job!</a>Links:<ul> <li><a href="https://rubyonrails.org" rel="nofollow" target="_blank">Ruby on Rails</a></li> <li><a href="https://angular.io/guide/quickstart" rel="nofollow" target="_blank">Angular</a></li> <li><a href="https://www.javascript.com" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://elm-lang.org/community" rel="nofollow" target="_blank">Elm</a></li> <li><a href="https://phoenixframework.org" rel="nofollow" target="_blank">Phoenix</a></li> <li><a href="https://github.com" rel="nofollow" target="_blank">GitHub</a></li> <li><a href="https://www.codecademy.com/articles/react-virtual-dom" rel="nofollow" target="_blank">React: The Virtual DOM</a></li> <li><a href="https://www.udemy.com/the-complete-elixir-and-phoenix-bootcamp-and-tutorial/" rel="nofollow" target="_blank">Elixir and Phoenix Bootcamp</a></li> <li><a href="https://twitter.com/SaveTheRbtz?lang=en" rel="nofollow" target="_blank">Alexey Ivanov’s Twitter</a></li> <li><a href="https://twitter.com/progapandist" rel="nofollow" target="_blank">Andy Barnov’s Twitter</a></li> <li><a href="https://youtu.be/cN_DpYBzKso" rel="nofollow" target="_blank">Rob Pike’s YouTube Video</a></li> <li><a href="https://en.wikipedia.org/wiki/Understanding_Comics" rel="nofollow" target="_blank">Understanding Comics</a></li> <li><a href="https://www.amazon.com/Understanding-Comics-Invisible-Scott-McCloud/dp/006097625X" rel="nofollow" target="_blank">Understanding Comics – Book</a></li> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get A Coder Job</a></li> <li><a href="https://twitter.com/cmaxw?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Charles Max Wood’s Twitter</a></li> </ul>Sponsors:<ul> <li><a href="https://devchat.tv/get-a-coder-job/" rel="nofollow" target="_blank">Get a Coder Job</a></li> <li><a href="https://www.cachefly.com" rel="nofollow" target="_blank">Cache Fly</a></li> <li><a href="https://www.freshbooks.com/?adgroupid=53169078638&amp;ag=%257Efreshbooks&amp;camp=US%2528SEM%2529Branded%257CEXM&amp;campaignid=717543354&amp;crid=289653575014&amp;dclid=CPaQ6KX0id4CFUTcwAodvfQEcA&amp;dv=c&amp;gclid=EAIaIQobChMIwr_9ofSJ3gIVyrfACh1DkQVNEAAYASAAEgJIUvD_BwE&amp;gclsrc=aw.ds&amp;kw=fresh%2520books&amp;kwid=kwd-299596828929&amp;ntwk=g&amp;ref=ppc-na-fb&amp;source=GOOGLE" rel="nofollow" target="_blank">Fresh Books</a></li> <li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&amp;utm_medium=social-paid&amp;utm_source=devchattv" rel="nofollow" target="_blank">Kendo UI</a></li> </ul>Picks:Lucas<ul> <li>Check your room for sound</li> </ul>Andy<ul> <li><a href="https://golang.org/" rel="nofollow" target="_blank">Go Programming Language </a></li> </ul>Alexey<ul> <li><a href="https://understandingcomics177.wordpress.com/understanding-scott-mccloud/https://www.amazon.com/Understanding-Comics-Invisible-Scott-McCloud/dp/006097625X" rel="nofollow" target="_blank">Understanding comics </a></li> </ul>Justin<ul> <li><a href="https://www.udemy.com/the-complete-elixir-and-phoenix-bootcamp-and-tutorial/" rel="nofollow" target="_blank">The Complete Elixir and Phoenix Bootcamp</a></li> </ul>Special Guests: Alexey Ivanov and Andy Barnov. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 035: Optimizing React Virtual DOM Explained Article with Alexey Ivanov and Andy Barnov

Luis Vieira

Panel: Charles Max Wood Nader Dabit Lucas Reis Special Guests: Luis VieiraIn this episode, the React Round Up panelists talk to Luis Vieira about his “Building large scale react applications in a monorepo”. Luis works in Portugal at a company called FarFetch as a front-end architect where he works mostly on JavaScript and infrastructure. They talk about the rationale behind his article, shared components, and what Lerna is and what is does. They also touch on Semantic Versioning, the difference between monolithic application and a monorepo, and more!In particular, we dive pretty deep on: Luis intro Front-end architect at FarFetch  Works with JavaScript  Rationale behind his article Dividing a project in multiple packages Sharing components between multiple applications Editing shared components Working in a monorepo Simplifies managing between different projects Requires more tooling What is Lerna? If you put multiple packages in one repo, how do you deal with things like the Git history getting mixed up? Versioning How does Semantic Versioning interplay with monorepos? What if you’re not using Semantic Versioning? Using the conventional commit How is the state of CI tooling regarded? He is currently more focused on React  What he is experimenting with currently Building monolithic apps Monolithic aps VS monorepo Bazel Nrwl Nx And much, much more! Links: “Building large scale react applications in a monorepo” FarFetch JavaScript Lerna Semantic Versioning React Bazel Nrwl Nx Luis’s Medium @luisvieira_gmr Luis’s Newsletter Sponsors Kendo UI Digital Ocean  Get a Coder Job Picks:Charles Take some time off Take a step back to reevaluate Nader Free workshop with Tyler McGinnis to come soon. Keep an eye out at Nader’s Twitter or Tyler’s Newsletter  React Native EU Lucas Sketch.systems Luis Vue CLI Special Guest: Luis Vieira. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel:<ul> <li>Charles Max Wood</li> <li>Nader Dabit</li> <li>Lucas Reis</li> </ul>Special Guests: Luis VieiraIn this episode, the React Round Up panelists talk to Luis Vieira about his <a href="https://medium.com/@luisvieira_gmr/building-large-scale-react-applications-in-a-monorepo-91cd4637c131" rel="nofollow" target="_blank">“Building large scale react applications in a monorepo”</a>. Luis works in Portugal at a company called <a href="https://www.farfetch.com/" rel="nofollow" target="_blank">FarFetch</a> as a front-end architect where he works mostly on <a href="https://www.javascript.com/" rel="nofollow" target="_blank">JavaScript</a> and infrastructure. They talk about the rationale behind his article, shared components, and what <a href="https://github.com/lerna/lerna" rel="nofollow" target="_blank">Lerna</a> is and what is does. They also touch on <a href="https://semver.org/" rel="nofollow" target="_blank">Semantic Versioning</a>, the difference between monolithic application and a monorepo, and more!In particular, we dive pretty deep on:<ul> <li>Luis intro</li> <li>Front-end architect at <a href="https://www.farfetch.com/" rel="nofollow" target="_blank">FarFetch</a> </li> <li>Works with <a href="https://www.javascript.com/" rel="nofollow" target="_blank">JavaScript</a> </li> <li>Rationale behind his article</li> <li>Dividing a project in multiple packages</li> <li>Sharing components between multiple applications</li> <li>Editing shared components</li> <li>Working in a monorepo</li> <li>Simplifies managing between different projects</li> <li>Requires more tooling</li> <li>What is <a href="https://github.com/lerna/lerna" rel="nofollow" target="_blank">Lerna</a>?</li> <li>If you put multiple packages in one repo, how do you deal with things like the Git history getting mixed up?</li> <li>Versioning</li> <li>How does <a href="https://semver.org/" rel="nofollow" target="_blank">Semantic Versioning</a> interplay with monorepos?</li> <li>What if you’re not using Semantic Versioning?</li> <li>Using the conventional commit</li> <li>How is the state of CI tooling regarded?</li> <li>He is currently more focused on <a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a> </li> <li>What he is experimenting with currently</li> <li>Building monolithic apps</li> <li>Monolithic aps VS monorepo</li> <li><a href="https://bazel.build/" rel="nofollow" target="_blank">Bazel</a></li> <li><a href="https://nrwl.io/nx" rel="nofollow" target="_blank">Nrwl Nx</a></li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://medium.com/@luisvieira_gmr/building-large-scale-react-applications-in-a-monorepo-91cd4637c131" rel="nofollow" target="_blank">“Building large scale react applications in a monorepo”</a></li> <li><a href="https://www.farfetch.com/" rel="nofollow" target="_blank">FarFetch</a></li> <li><a href="https://www.javascript.com/" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://github.com/lerna/lerna" rel="nofollow" target="_blank">Lerna</a></li> <li><a href="https://semver.org/" rel="nofollow" target="_blank">Semantic Versioning</a></li> <li><a href="https://reactjs.org/" rel="nofollow" target="_blank">React</a></li> <li><a href="https://bazel.build/" rel="nofollow" target="_blank">Bazel</a></li> <li><a href="https://nrwl.io/nx" rel="nofollow" target="_blank">Nrwl Nx</a></li> <li><a href="https://medium.com/@luisvieira_gmr" rel="nofollow" target="_blank">Luis’s Medium</a></li> <li><a href="https://twitter.com/luisvieira_gmr" rel="nofollow" target="_blank">@luisvieira_gmr</a></li> <li><a href="https://nuzzel.com/luisvieira_gmr" rel="nofollow" target="_blank">Luis’s Newsletter</a></li> </ul>Sponsors<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean </a></li> <li><a href="http://getacoderjob.com/" rel="nofollow" target="_blank">Get a Coder Job</a></li> </ul>Picks:Charles<ul> <li>Take some time off</li> <li>Take a step back to reevaluate</li> </ul>Nader<ul> <li>Free workshop with Tyler McGinnis to come soon. Keep an eye out at <a href="https://twitter.com/dabit3?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" rel="nofollow" target="_blank">Nader’s Twitter</a> or <a href="https://tylermcginnis.com/newsletter/" rel="nofollow" target="_blank">Tyler’s Newsletter</a> </li> <li><a href="https://react-native.eu/" rel="nofollow" target="_blank">React Native EU</a></li> </ul>Lucas<ul> <li><a href="https://sketch.systems/" rel="nofollow" target="_blank">Sketch.systems</a></li> </ul>Luis<ul> <li><a href="https://github.com/vuejs/vue-cli" rel="nofollow" target="_blank">Vue CLI</a></li> </ul>Special Guest: Luis Vieira. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 026: Building React Applications in a Monorepo with Luis Vieira

Conlin Durbin

Sponsors Netlify  Sentry use the code “devchat” for 2 months free on Sentry’s small plan  Triplebyte offers a $1000 signing bonus CacheFly Panel Nader Dabit Justin Bennett Lucas Reis Dave Ceddia Charles Max Wood Joined by Special Guests: Thomas Aylott, Conlin DurbinEpisode SummaryConlin Durbin is a front end software engineer for a company called Lessonly and occasionally writes about React. Thomas Aylott is a web guy from the 90’s who was briefly on the React team, and he makes thingsthatdostuff.com and groovytiesquad.com. The panel discusses  Conlin’s article Link Lists in the Wild: React Hooks. They begin by talking about the relationship between linked lists and React hooks. Linked lists are used under the hood to render hooks every time that they’re created and maintain integrity of the hook chain.They discuss the importance of knowing what goes on under the hood share their methods of learning. They give tips for learning on the job. The panel agrees that one of the best ways to learn is to teach. Conlin shares his experience working for Lessonly, a company that builds lesson-building software.The panel discusses WET (Write Everything Twice) vs DRY (Don’t Repeat Yourself) programming. They talk about when it is beneficial to have abstractions in code and when it is not. It’s also important to think about the humans that are going to be using it, and to write the code so that it’s humane. They praise good error messages that tell you exactly where you went wrong and how to fix it. They talk about the dangers of putting invariants everywhere, and finish by talking about ways to improve.Links Linked list React Fiber Hooks Backbone JavaScript Redux Gatsby Flow  Jake Archibald: In The Loop-JS Conf Asia 2018 (video)  What the heck is the event loop anyway? (video) Practical 00 Design in  Ruby, Sandi Metz Stop trying to be so DRY, instead Write Everything Twice (WET) Sebastian Markbage: Minimal API Surface Area – Learning patterns instead of frameworks Someone Is Changing Your Code Conlin Durbin username for most places is ‘wuz’, except Twitter for twitter it’s @CallMeWuz  Follow DevChat on Facebook and TwitterPicksJustin Bennett: The 3 most effective ways to build trust as a leader article Pheonix Live View Lucas Reis: Pamela Zave  Small Functions Considered Harmful article Dave Ceddia: New Redux course Kinesis Advantage 2 Keyboard Charles Max Wood: MicroConf BuzzSprout Thomas Aylott: Noflojs.org  The Laws of Human Nature by Robert Greene Conlin Durbin: https://dev.to/ Soft Skills Engineering Conlin’s Discord server Special Guests: Conlin Durbin and Thomas Aylott. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus</li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Nader Dabit</li> <li>Justin Bennett</li> <li>Lucas Reis</li> <li>Dave Ceddia</li> <li>Charles Max Wood</li> </ul>Joined by Special Guests: Thomas Aylott, Conlin DurbinEpisode SummaryConlin Durbin is a front end software engineer for a company called <a href="https://www.lessonly.com/" rel="nofollow" target="_blank">Lessonly </a>and occasionally writes about React. Thomas Aylott is a web guy from the 90’s who was briefly on the React team, and he makes <a href="https://thingsthatdostuff.com/" rel="nofollow" target="_blank">thingsthatdostuff.com</a> and <a href="https://groovytiesquad.com/" rel="nofollow" target="_blank">groovytiesquad.com</a>. The panel discusses  Conlin’s article <a href="https://dev.to/wuz/linked-lists-in-the-wild-react-hooks-3ep8" rel="nofollow" target="_blank">Link Lists in the Wild: React Hooks</a>. They begin by talking about the relationship between linked lists and React hooks. Linked lists are used under the hood to render hooks every time that they’re created and maintain integrity of the hook chain.They discuss the importance of knowing what goes on under the hood share their methods of learning. They give tips for learning on the job. The panel agrees that one of the best ways to learn is to teach. Conlin shares his experience working for Lessonly, a company that builds lesson-building software.The panel discusses WET (Write Everything Twice) vs DRY (Don’t Repeat Yourself) programming. They talk about when it is beneficial to have abstractions in code and when it is not. It’s also important to think about the humans that are going to be using it, and to write the code so that it’s humane. They praise good error messages that tell you exactly where you went wrong and how to fix it. They talk about the dangers of putting invariants everywhere, and finish by talking about ways to improve.Links<ul> <li><a href="https://medium.com/basecs/whats-a-linked-list-anyway-part-1-d8b7e6508b9d" rel="nofollow" target="_blank">Linked list</a></li> <li><a href="https://github.com/acdlite/react-fiber-architecture" rel="nofollow" target="_blank">React Fiber</a></li> <li><a href="https://reactjs.org/docs/hooks-overview.html" rel="nofollow" target="_blank">Hooks</a></li> <li><a href="https://github.com/jashkenas/backbone" rel="nofollow" target="_blank">Backbone</a></li> <li><a href="https://github.com/topics/javascript" rel="nofollow" target="_blank">JavaScript</a></li> <li><a href="https://github.com/reduxjs/redux" rel="nofollow" target="_blank">Redux</a></li> <li><a href="https://www.gatsbyjs.org/" rel="nofollow" target="_blank">Gatsby</a></li> <li><a href="https://github.com/facebook/flow" rel="nofollow" target="_blank">Flow</a></li> <li> <a href="https://www.youtube.com/watch?v=cCOL7MC4Pl0" rel="nofollow" target="_blank">Jake Archibald: In The Loop-JS Conf Asia 2018</a> (video)</li> <li> <a href="https://www.youtube.com/watch?v=8aGhZQkoFbQ" rel="nofollow" target="_blank">What the heck is the event loop anyway?</a> (video)</li> <li><a href="https://www.poodr.com/" rel="nofollow" target="_blank">Practical 00 Design in  Ruby, Sandi Metz</a></li> <li><a href="https://dev.to/wuz/stop-trying-to-be-so-dry-instead-write-everything-twice-wet-5g33" rel="nofollow" target="_blank">Stop trying to be so DRY, instead Write Everything Twice (WET)</a></li> <li><a href="https://2014.jsconf.eu/speakers/sebastian-markbage-minimal-api-surface-area-learning-patterns-instead-of-frameworks.html" rel="nofollow" target="_blank">Sebastian Markbage: Minimal API Surface Area – Learning patterns instead of frameworks</a></li> <li><a href="https://dev.to/flaque/someone-is-changing-your-code-1gal" rel="nofollow" target="_blank">Someone Is Changing Your Code</a></li> <li>Conlin Durbin username for most places is ‘wuz’, except Twitter for twitter it’s <a href="https://twitter.com/callmewuz" rel="nofollow" target="_blank">@CallMeWuz</a> </li> </ul>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>Justin Bennett:<ul> <li><a href="https://m.signalvnoise.com/the-3-most-effective-ways-to-build-trust-as-a-leader/" rel="nofollow" target="_blank">The 3 most effective ways to build trust as a leader</a> article</li> <li><a href="https://github.com/phoenixframework/phoenix_live_view" rel="nofollow" target="_blank">Pheonix Live View</a></li> </ul>Lucas Reis:<ul> <li><a href="http://www.pamelazave.com/faq.html" rel="nofollow" target="_blank">Pamela Zave</a></li> <li> <a href="https://medium.com/@copyconstruct/small-functions-considered-harmful-91035d316c29" rel="nofollow" target="_blank">Small Functions Considered Harmful</a> article</li> </ul>Dave Ceddia:<ul> <li><a href="https://daveceddia.com/pure-redux/" rel="nofollow" target="_blank">New Redux course</a></li> <li><a href="https://kinesis-ergo.com/shop/advantage2/" rel="nofollow" target="_blank">Kinesis Advantage 2 Keyboard</a></li> </ul>Charles Max Wood:<ul> <li><a href="https://www.microconf.com/" rel="nofollow" target="_blank">MicroConf</a></li> <li><a href="https://www.buzzsprout.com/" rel="nofollow" target="_blank">BuzzSprout</a></li> </ul>Thomas Aylott:<ul> <li><a href="https://noflojs.org/" rel="nofollow" target="_blank">Noflojs.org</a></li> <li> <a href="https://www.amazon.com/Laws-Human-Nature-Robert-Greene/dp/0525428143/ref=sr_1_1?ie=UTF8&amp;language=en_US&amp;linkCode=ll1&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;qid=1548462018&amp;sr=8-1&amp;tag=devchattv-20" rel="nofollow" target="_blank">The Laws of Human Nature</a> by Robert Greene</li> </ul>Conlin Durbin:<ul> <li><a href="https://dev.to/" rel="nofollow" target="_blank">https://dev.to/</a></li> <li><a href="https://softskills.audio/" rel="nofollow" target="_blank">Soft Skills Engineering</a></li> <li><a href="https://discord.gg/Ebdga7j" rel="nofollow" target="_blank">Conlin’s Discord server</a></li> </ul>Special Guests: Conlin Durbin and Thomas Aylott. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 060: Linked lists in the Wild: React Hooks with Conlin Durbin

Kay Plößer

Sponsors: Netlify  Sentry use the code "devchat" for $100 credit CacheFly Panel Lucas Reis Nader Dabit Charles Max Wood Special Guest: Kay PlößerEpisode SummaryIn this episode of React Round Up, the panel talks with Kay Plößer, describing their experiences learning React. Kay is a software developer from Stuttgart, Germany and the author of the book React from Zero. They discuss the best approach to learning React from scratch. Kay describes the process of writing and producing his book 'React from Zero'. Initially he started with tutorials and lessons and then turned those into a book. It is constructed in two sections: basic and advanced and it's purpose is to help developers learn React without being overwhelmed. He has received great feedback from the people who have bought the book.Kay then describes his experiences teaching React to developers and talks about his blog post React Hooks Demystified which became really popular. The panel then about how developers can increase and diversify income through writing books and side projects.Links Kay's Book: React from Zero Kay's Blog Post: React Hooks Demystified Kay’s LinkedIn Kay’s Twitter Kay’s GitHub Kay's Website Kay's Skillshare Kay's Facebook https://www.facebook.com/React-Round-Up https://twitter.com/reactroundup PicksNader Dabit: Finite and Infinite Games by James Carse Lucas Reis: An Introduction and Guide to the CSS Object Model AST Explorer Charles Wood: Charles' New Devchat.tv Build on Eleventy on GitHub Kay Plößer: Wardley maps Special Guest: Kay Plößer. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors:</h2><ul> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io" rel="nofollow" target="_blank">Sentry</a> use the code "devchat" for $100 credit</li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Lucas Reis</li> <li>Nader Dabit</li> <li>Charles Max Wood</li> </ul>Special Guest: Kay Plößer<h3>Episode Summary</h3>In this episode of React Round Up, the panel talks with Kay Plößer, describing their experiences learning React. Kay is a software developer from Stuttgart, Germany and the author of the book <a href="https://www.fullstackreact.com/react-from-zero/" rel="nofollow" target="_blank">React from Zero</a>. They discuss the best approach to learning React from scratch. Kay describes the process of writing and producing his book 'React from Zero'. Initially he started with tutorials and lessons and then turned those into a book. It is constructed in two sections: basic and advanced and it's purpose is to help developers learn React without being overwhelmed. He has received great feedback from the people who have bought the book.Kay then describes his experiences teaching React to developers and talks about his blog post <a href="https://dev.to/kayis/react-hooks-demystified-2af6" rel="nofollow" target="_blank">React Hooks Demystified</a> which became really popular. The panel then about how developers can increase and diversify income through writing books and side projects.<h3>Links</h3><ul> <li><a href="https://www.fullstackreact.com/react-from-zero/" rel="nofollow" target="_blank">Kay's Book: React from Zero</a></li> <li><a href="https://dev.to/kayis/react-hooks-demystified-2af6" rel="nofollow" target="_blank">Kay's Blog Post: React Hooks Demystified</a></li> <li><a href="https://www.linkedin.com/in/kay-pl%C3%B6%C3%9Fer/" rel="nofollow" target="_blank">Kay’s LinkedIn</a></li> <li><a href="https://twitter.com/k4y1s" rel="nofollow" target="_blank">Kay’s Twitter</a></li> <li><a href="https://github.com/kay-is" rel="nofollow" target="_blank">Kay’s GitHub</a></li> <li><a href="http://kay.is/" rel="nofollow" target="_blank">Kay's Website</a></li> <li><a href="https://www.skillshare.com/profile/Kay-P/314785" rel="nofollow" target="_blank">Kay's Skillshare</a></li> <li><a href="https://www.facebook.com/hurr.imma.durr" rel="nofollow" target="_blank">Kay's Facebook</a></li> <li><a href="https://www.facebook.com/React-Round-Up-297859274397129/" rel="nofollow" target="_blank">https://www.facebook.com/React-Round-Up</a></li> <li><a href="https://twitter.com/reactroundup" rel="nofollow" target="_blank">https://twitter.com/reactroundup</a></li> </ul><h3>Picks</h3>Nader Dabit:<ul> <li><a href="https://www.amazon.com/Finite-Infinite-Games-James-Carse/dp/1476731713" rel="nofollow" target="_blank">Finite and Infinite Games by James Carse</a></li> </ul>Lucas Reis:<ul> <li><a href="https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/" rel="nofollow" target="_blank">An Introduction and Guide to the CSS Object Model</a></li> <li><a href="https://astexplorer.net/" rel="nofollow" target="_blank">AST Explorer</a></li> </ul>Charles Wood:<ul> <li><a href="https://github.com/cmaxw/devchat-eleventy" rel="nofollow" target="_blank">Charles' New Devchat.tv Build on Eleventy on GitHub</a></li> </ul>Kay Plößer:<ul> <li><a href="https://medium.com/wardleymaps" rel="nofollow" target="_blank">Wardley maps</a></li> </ul>Special Guest: Kay Plößer. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 048: Using and Teaching React with Kay Plößer

Sponsors Netlify  Sentry use the code “devchat” for 2 months free on Sentry’s small plan  Triplebyte offers a $1000 signing bonus CacheFly Panel Justin Bennett Lucas Reis Joined by Special Guest: ParashuramSummaryParashuram (aka Ram) and the panel compares various frameworks including the differences between React Native and NativeScript. Ram discusses what it’s like introducing react native to mobile teams which leads to a panel discussion of web app developer experience compared to mobile app developers. Ram shares the changes that are being made to React Native and what this means for its developers. Some of the things to look forward to are a leaner and more browser-like React Native.  The episode ends with Ram sharing a little of his story.Links http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/ http://artsy.github.io/artsy-x-react-native.html https://github.com/necolas/react-native-web https://github.com/vincentriemer/react-native-dom https://microsoft.github.io/reactxp/ https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap http://nparashuram.com/ https://twitter.com/nparashuram https://www.facebook.com/React-Round-Up https://twitter.com/reactroundup PicksJustin Bennett: http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/ http://artsy.github.io/artsy-x-react-native.html https://github.com/vadimdemedes/ink Parashuram: https://github.com/react-native-community/discussions-and-proposals https://github.com/facebook/react-360 Lucas Reis: Family Time Special Guest: Parashuram. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h2>Sponsors</h2><ul> <li><a href="https://www.netlify.com/" rel="nofollow" target="_blank">Netlify</a></li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan</li> <li> <a href="https://triplebyte.com/react" rel="nofollow" target="_blank">Triplebyte</a> offers a $1000 signing bonus</li> <li><a href="https://www.cachefly.com/" rel="nofollow" target="_blank">CacheFly</a></li> </ul><h3>Panel</h3><ul> <li>Justin Bennett</li> <li>Lucas Reis</li> </ul>Joined by Special Guest: Parashuram<h3>Summary</h3>Parashuram (aka Ram) and the panel compares various frameworks including the differences between React Native and NativeScript. Ram discusses what it’s like introducing react native to mobile teams which leads to a panel discussion of web app developer experience compared to mobile app developers. Ram shares the changes that are being made to React Native and what this means for its developers. Some of the things to look forward to are a leaner and more browser-like React Native.  The episode ends with Ram sharing a little of his story.<h3>Links</h3><ul> <li><a href="http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/" rel="nofollow" target="_blank">http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/</a></li> <li><a href="http://artsy.github.io/artsy-x-react-native.html" rel="nofollow" target="_blank">http://artsy.github.io/artsy-x-react-native.html</a></li> <li><a href="https://github.com/necolas/react-native-web" rel="nofollow" target="_blank">https://github.com/necolas/react-native-web</a></li> <li><a href="https://github.com/vincentriemer/react-native-dom" rel="nofollow" target="_blank">https://github.com/vincentriemer/react-native-dom</a></li> <li><a href="https://microsoft.github.io/reactxp/" rel="nofollow" target="_blank">https://microsoft.github.io/reactxp/</a></li> <li><a href="https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap" rel="nofollow" target="_blank">https://facebook.github.io/react-native/blog/2018/11/01/oss-roadmap</a></li> <li><a href="http://nparashuram.com/" rel="nofollow" target="_blank">http://nparashuram.com/</a></li> <li><a href="https://twitter.com/nparashuram" rel="nofollow" target="_blank">https://twitter.com/nparashuram</a></li> <li><a href="https://www.facebook.com/React-Round-Up-297859274397129/" rel="nofollow" target="_blank">https://www.facebook.com/React-Round-Up</a></li> <li><a href="https://twitter.com/reactroundup" rel="nofollow" target="_blank">https://twitter.com/reactroundup</a></li> </ul><h3>Picks</h3>Justin Bennett:<ul> <li><a href="http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/" rel="nofollow" target="_blank">http://artsy.github.io/blog/2017/07/06/React-Native-for-iOS-devs/</a></li> <li><a href="http://artsy.github.io/artsy-x-react-native.html" rel="nofollow" target="_blank">http://artsy.github.io/artsy-x-react-native.html</a></li> <li><a href="https://github.com/vadimdemedes/ink" rel="nofollow" target="_blank">https://github.com/vadimdemedes/ink</a></li> </ul>Parashuram:<ul> <li><a href="https://github.com/react-native-community/discussions-and-proposals" rel="nofollow" target="_blank">https://github.com/react-native-community/discussions-and-proposals</a></li> <li><a href="https://github.com/facebook/react-360" rel="nofollow" target="_blank">https://github.com/facebook/react-360</a></li> </ul>Lucas Reis:<ul> <li>Family Time</li> </ul>Special Guest: Parashuram. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

RRU 059: React Native's New Architecture with Parashuram

The best podcast episodes on global issues affecting everyone. Covering topics such as the #metoo movement, climate change, the impact of technology and some of the biggest global issues facing us right now. For anyone interested in learning more about the world, and some of the issues we're facing, pick an episode below and start listening! Add episodes you're interested into your queue below!

Best Episodes on Global Issues

The best episodes for anyone looking to learn more about topics such as happiness, fulfillment, depression and psychology/mental health in general. With interviews with industry experts, personal stories of individuals, this topic has lessons applicable to everyone. Add episodes you're interested into your queue below!