React Round Up

Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT" Mani has summarized hundreds of business books that outline how to build, grow, and operate a business and he shares his expertise with Chuck and the listeners in this special episode. Chuck and Mani discuss what it takes to be a successful entrepreneur. They talk about their businesses on a regular basis and Chuck's been getting a lot of requests for entrepreneurship help. He and Mani talk about the 3 primary things that add momentum to your business and help you keep the momentum up when setbacks come your way. Get Lifetime Access to Mani's Entrepreneurship Pack and Book Club. Use coupon code "GREAT"Special Guest: Mani Vaya. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

Atila Fassina joins the Round Up to discuss how he got into Next and what he's doing with it now. The panel dives into the ins and outs of what you can do with Next and some advanced uses for the framework. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Atila Fassina Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links State Management In Next.js — Smashing MagazineWeb VitalsGitHub - BuilderIO/partytownLocalizing Your Next.js App — Smashing MagazineTwitter: Atila ( @AtilaFassina ) Picks Atila- XStateAtila- RemixJack- WunderGraphPaige- React TableTJ- Camtasia: Screen Recorder & Video Editor (Free Trial) | TechSmith Special Guest: Atila Fassina.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. St

Jack Franklin joins the Round Up from Google who wrote a side project using both React and Svelte. He breaks down the differences between the two frameworks and what he likes about each. In many ways, Svelte gets out of your way and is a lot of fun to use. However, React does give you some features that make development very nice. Panel Paige NiedringhausTJ Vantoll Guest Jack Franklin Sponsors Top End DevsCoaching | Top End Devs Links Comparing Svelte and React - Jack FranklinSvelteKit Vercel welcomes Rich Harris, creator of Svelte – Vercellit-htmlBlog - Jack FranklinTwitter: Jack Franklin ( @Jack_Franklin ) Picks Jack- Crafting InterpretersPaige- Recharts TJ- Motion One library Special Guest: Jack Franklin.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Developer. Join our community

Giuseppe Gurgone joins the round up to discuss React Native for Web and how you can build one application with React Native and deploy it to the web and mobile. He and the panel go in depth on React Native and the ins and outs of using it to build web applications as well. Panel TJ Vantoll Guest Giuseppe Gurgone Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links React Native for WebTwitter's div Soup and Uglyfied CSS, Explained — GiuseppeIntroducing Zero-Bundle-Size React Server Componentsview-source:https://twitter.comTwitter: Giuseppe ( @giuseppegurgone ) Picks Giuseppe- UltraTJ- Dune Special Guest: Giuseppe Gurgone.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsRaygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.

  Get the Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. He has read hundreds of books that have taught him the secrets to getting more done by getting into this state. He starts by telling us how he was passed over for a promotion at Qualcomm in favor of someone younger and less experienced and how that inspired him to figure out what the other guy was doing differently. He learned that he needed to get more done with the time he was spending on his projects. The trick? Deep Work! Deep Work is the ability to spend uninterrupted, focused time on a task to bend your entire mind toward the goal. Other developers call it "Flow" or "the Zone." Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. Get the Bl

Chris Frewin joins the round up to discuss the project he worked on for a month and re-organized the code to bring it up to the state of the art. He discusses how to bring in TypeScript and the process for bringing TypeScript's and React's newer features into the application one step at a time. Panel Jack HerringtonPaige Niedringhaus Guest Chris Frewin Sponsors Top End DevsCoaching | Top End Devs Links GitHub - RicoSuter/NSwag swagger-node-codegen - npmJSON to TS - Visual Studio MarketplaceQuokka.js: IntroductionChris Frewin - MediumChris' Full Stack BlogPosts Tagged With "React" Picks Chris- Redux ToolkitChris- SVGOMG - SVGO's Missing GUIJack- ArcanePaige-  The Great (TV series) - WikipediaPaige- Leaflet Special Guest: Chris Frewin.Sponsored By:Coaching | Top End Devs: Do you want to level up your career? or go freelance? or start a podcast or youtube channel? Let Charles Max Wood Help You Achieve Your DreamsTop End Devs: Learn to Become a Top 5% Devel

Tania Rascia joins the round up to discuss how to organize your code across files, directories, components, and repos within your React app. The panel chimes in with what they've seen and clarify how these approaches effect the overall application functionality of your app. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Guest Tania Rascia Sponsors Dev Influencers AcceleratorLevel Up | Devchat.tv Links React Architecture: How to Structure and Organize a React Application | Tania RasciaBackends for Frontends pattern - Cloud Design Patterns | Microsoft DocsChakra UIFront End Tables: Sorting, Filtering, and Pagination | Tania RasciaTania RasciaTwitter: Tania Rascia ( @taniarascia ) Picks Jack- react-location - npmPaige - Newline.coPaige- Fullstack React with Typescript courseTania - NetlifyTJ - Edge Impulse Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: Paige NiedringhausPaige Niedr

The panel puts their heads together to discuss the different skills and areas of interest they would like to spend time learning or would recommend that you spend time on this year as the holidays approach. Panel Jack HerringtonPaige NiedringhausTJ Vantoll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialLevel Up | Devchat.tv Links draw.ioGreenSock animationsTailwind CSS IntelliSense - Visual Studio MarketplaceRemote - SSH - Visual Studio MarketplaceWhat’s Destroying My Yard? Pest Detection With Raspberry Pi - Hackster.io Picks Jack- Ponicode - Visual Studio MarketplacePaige- Bottomless - The First Smart Coffee SubscriptionTJ- Boiron Arnicare Gel 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 VanTo

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-  Airnot

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 & Storybo

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 ) Sponsored By:Podcast Bootcamp: Launch an Amazing Sounding Podcast in just 4 WEEKS! Work with a 13 year podcasting veteran to get your podcast started off on the right foot! Raygun : Raygun now

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

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 Wa

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 So

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

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 S

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 ) Sponsored By:Raygun : Raygun now offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt

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 SoftwareKendoReactT

Evyatar Alush joins the Round Up to discuss Vest, a form validation library that handles form validation library in a manner similar to the way that a testing library looks. The panel walks through the process of using Vest to build validations for your forms on the web and in your React Applications. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Evyatar Alush Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Links Creating APIs for the human developerGitHub | ealush/vestForm Validations with VEST | Alush Evyatar | Conf42: JavaScript - YouTubeTweets about VestVest - Declarative Validation TestingSvelte Forms: The Missing ManualealushTwitter: Evyatar ( @evyataral ) Picks Evyatar - RunJSJack- Twitter: G.U.N Gals ( @gungalsval )Paige- API connection - PipedreamTJ- Pokemon Unite Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige Niedringh

Ian Lavery joins the Round Up to discuss how to add Voice Recognition to your React applications without adding heavyweight cloud solutions from the big cloud providers. Ian guides the Round Up through adding Voice Recognition, providing security and privacy, and how to understand voice recognition in general. Panel Jack HerringtonPaige NiedringhausTJ VanToll Guest Ian Lavery Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links Add Voice Recognition to React Native Without Adding the CloudPicovoice: Edge Voice AI PlatformWebAssembly Ian Lavery - Medium Picovoice - MediumPicovoice - YouTubeLinkedIn: PicovoiceTwitter: Picovoice.ai ( @AiPicovoice ) Picks Ian- MandyJack- Mythic Quest | Apple Tv+Paige- Digikey ElectronicsTJ- Hoopla Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Contact Paige: The Home DepotPaige NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri