 This week, our very own host Paige Niedringhaus leads the discussion about modernizing enterprise React applications - inspired by a course she's just released on that very subject. Over the course of the episode everyone shares tips, tricks, strategies and war stories when it comes to the struggle most developers will face at some point in their careers of keeping large React applications up to date. There's a lot more to keep in mind than just upgrading the code too: tooling setups, code linting, component refactoring, testing - the list goes on! But with some advice (and the help of courses like Paige's), it's not an impossible task. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLevel Up | Devchat.tv Links Newline.coThe newline Guide to Modernizing an Enterprise React App Picks Jack- Raya and the Last Dragon | Disney MoviesPaige- Nailed It! - WikipediaTJ-  Airnote – Blues WirelessTJ- PurpleAir Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) 

React Round Up

Modernizing Enterprise React Apps with Paige Niedringhaus - RRU 160

 Yann Braga is the maintainer of Storybook. He talks about Storybook, how it's used, new features the team is working on, and what it's like to be part of the core team actively maintaining an open source system like Storybook that is widely used to build UI systems in isolation and allow teams to see how components are used. Panel Carl MungaziPaige NiedringhausTJ Vantoll Guest Yann Braga Sponsors React Error and Performance Monitoring | SentryPodcastBootcamp.ioLevel Up | Devchat.tv Links GitHub | storybookjs/testing-reactGitHub | storybookjs/testing-vueGitHub | storybookjs/testing-vue3ChromaticStorybookHow to use Testing Library to test StorybookInteraction Testing sneak peeknewlineMealdropWelcome to Mealdrop's Storybook!Smooth design handoff with StorybookEssential addonsStorybook TutorialsStorybook for React Appsnewline - DiscordStorybook - DiscordGitHub: Yann Braga ( yannbf )Twitter: Yann Braga ( @yannbf ) Picks Carl- Design Systems with React & StorybookCarl- Shoe DogPaige- Money Heist | Netflix Official SiteTJ- Squid Game | Netflix Official SiteYann- Kena: Bridge of Spirits Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Yann Braga.

Maintaining Storybook ft. Yann Braga - RRU 159

 This week the panel discusses several Do's and Don't's for your React Apps that are lessons they've learned building React applications over the years. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links GitHub | welldone-software/why-did-you-render Picks Jack- HadesPaige- Versailles (TV series)TJ- Land of the Giants Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) 

React Do's and Don't's - RRU 158

 Charles Max Wood from Top End Devs joins the round up to discuss his strategies and tactics to get the career you want by keeping current on technologies and learning new things. He explains how to determine what you want in your career. Going and building things, and continuing your learning journey. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Charles Max Wood Sponsors React Error and Performance Monitoring | SentryDev Influencers AcceleratorPodcastBootcamp.io Links The 360 Degree LeaderMasters of DoomTop End DevsTwitter: DevChat.tv ( @devchattv ) Picks Charles- The Road Back to YouJack- Introduction to Public SpeakingPaige- The Yeti MugTJ- An Ember in the Ashes  Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Charles Max Wood.

How to Stay Current and Learn New Things ft. Charles Max Wood - RRU 157

 Travis Waith-Mair joins the round up to discuss how to compose layouts in React and the bedrock tools and principles that build up good layouts in React. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Travis Waith-Mair Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links Composing Layouts in ReactBedrock Layout PrimitivesChromaticThe Non-Traditional DeveloperTwitter: Travis Waith-Mair ( @travisWaithMair ) Picks Jack- Shang-Chi and the Legend of the Ten RingsPaige- Davinci Resolve 17TJ- SvelteTravis- React Podcast Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Travis Waith-Mair.

Composing Layouts for React ft. Travis Waith-Mair - RRU 156

 Eric Simons joins the round up to discuss the latest advancements made by StackBlitz that enables you to run NodeJS in the browser. Eric expands that to the work they've done with the NextJS team to run NextJS in the browser without the need to have a server in the background. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Eric Simons  Sponsors React Error and Performance Monitoring | SentryLevel Up | Devchat.tvPodcastBootcamp.io Links Introducing WebContainers: Run Node.js natively in your browserStackBlitzStackBlitzEricSimons – StackBlitzTwitter: Eric Simons ( @ericsimons40 ) Picks Eric- ViteJack- WestworldPaige- Elgato Wave:3TJ- Podcast from The Verge Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Eric Simons .

Run NextJS and Node in the Browser ft. Eric Simons - RRU 155

 Charles Max Wood explains how podcasting has repeatedly opened up opportunities for him to move his career forward. He dives into how it helped early in his career, how he was able to use it as a tool to find freelance clients, and how it can take you beyond a full time senior developer job into coaching or courses. If you&#39;d like to learn how to start your own podcast, go to podcastbootcamp.io Panel Charles Max Wood 

How to Launch the Next Stage of Your Career - BONUS

 Victory Dumebi Nwani joins the round up to discuss integrating the Dialogflow from Google Cloud into your application to manage voice and chat capabilities for your application. Victory dives into the stack he used to put together a functioning app using that offering from Google. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Victory Dumebi Nwani Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialPodcastBootcamp.io Links Integrating A Dialogflow Agent Into A React ApplicationDialogflow DocumentationA brief introduction to Chatbots with DialogflowDialogflow pricingLinkedIn: Victory NwaniGitHub: Nwani Victory ( vickywane )Twitter: Iamnwani ( @iamnwani01 ) Picks Jack- Resident Evil VillagePaige- Mario KartTJ- Toto BidetVictory- AWS CodeDeploy Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Victory Nwani.

Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 154

 Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript. The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript. Panel Jack Herrington TJ VanToll Guest Mark Story Priscila Oliveira Sponsors React Error and Performance Monitoring | Sentry Dev Influencers Accelerator Links Slow and Steady: Converting Sentry’s Entire Frontend to TypeScript Twitter: Sentry ( @getsentry ) Twitter: Mark Story ( @mark_story ) Twitter: Priscila Oliveira ( @priscilawebdev ) Picks Jack- Power of saying "No" Mark- GitHub | neovim/nvim-lspconfig Mark- GitHub | glepnir/lspsaga.nvim Priscila - GitHub | clauderic/dnd-kit TJ- Divvy Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr ) Contact TJ: TJ VanToll&#39;s Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) 

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story - RRU 153

 Priscila Oliveira and Mark Story join the panel to discuss the recent transition at Sentry from vanilla JavaScript to React and TypeScript. The show starts out with the panelists nerding out over Sentry and how they use it, then they dive into the code transition and the things that they learned from their conversion to TypeScript. Panel Jack HerringtonTJ VanToll Guest Mark StoryPriscila Oliveira Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Slow and Steady: Converting Sentry’s Entire Frontend to TypeScriptTwitter: Sentry ( @getsentry )Twitter: Mark Story ( @mark_story )Twitter: Priscila Oliveira ( @priscilawebdev ) Picks Jack- Power of saying "No"Mark- GitHub | neovim/nvim-lspconfigMark- GitHub | glepnir/lspsaga.nvimPriscila - GitHub | clauderic/dnd-kitTJ- Divvy Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guests: Mark Story and Priscila Oliveira.

Transitioning a React Codebase from JSX to TypeScript ft. Priscila Oliveira and Mark Story – RRU 153

 This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career. Panel Jack Herrington Paige Niedringhaus TJ VanToll Sponsors Dev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial Picks Jack- Virtual Coffee Paige- Raspberry Pi Beginner&#39;s Guide 4th Edition TJ- Rocket Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr ) Contact Paige: The Home Depot Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll&#39;s Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) 

Is Working at a Large or Small Company Better for Your Career? - RRU 152

 This week the panelists dive into their work backgrounds and discuss the ins and outs of working at small and large companies. They aim specifically at whether one is better than the other for building a career. Panel Jack HerringtonPaige NiedringhausTJ VanToll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Picks Jack- Virtual CoffeePaige- Raspberry Pi Beginner's Guide 4th EditionTJ- Rocket Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) 

 Charles Max Wood explains the default path that developers seem to follow in their career and why that doesn&#39;t give developers the fulfillment they&#39;re looking for. He then walks through some of the options to change the direction of your career. Panel Charles Max Wood 

Don't Follow the Default Developer Career Path - BONUS

 Florian Rappl joins the Round Up to discuss React internals and how to make sense of how React works. He leads the panel through the process of understanding what React is doing when you write your JSX. He also deviates into Microframeworks a bit. Panel Paige Niedringhaus TJ VanToll Guest Florian Rappl Sponsors Dev Influencers Accelerator React Error and Performance Monitoring | Sentry Links React is a black box. Why does that matter? The Art of Micro Frontends: Build websites using compositional UIs that grow naturally as your application scales piral.io/community - Gitter Piral florian-rappl.de Twitter: Florian Rappl ( @FlorianRappl ) Picks Paige- GitHub | microsoft/IoT-For-Beginners Paige- Your Code as a Crime Scene TJ- WandaVision TJ- Black Widow Contact Paige: The Home Depot Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll&#39;s Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) 

React is a Black Box ft. Florian Rappl - RRU 151

 Florian Rappl joins the Round Up to discuss React internals and how to make sense of how React works. He leads the panel through the process of understanding what React is doing when you write your JSX. He also deviates into Microframeworks a bit. Panel Paige NiedringhausTJ VanToll Guest Florian Rappl Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links React is a black box. Why does that matter?The Art of Micro Frontends: Build websites using compositional UIs that grow naturally as your application scalespiral.io/community - GitterPiralflorian-rappl.deTwitter: Florian Rappl ( @FlorianRappl ) Picks Paige- GitHub | microsoft/IoT-For-BeginnersPaige- Your Code as a Crime SceneTJ- WandaVisionTJ- Black Widow Contact Paige: Paige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) 

A weekly discussion among React developers

hubhopper

React Round Up

hubhopper