React Round Up

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 Herrington Paige Niedringhaus TJ VanToll Guest Eric Simons  Sponsors React Error and Performance Monitoring | Sentry Level Up | Devchat.tv PodcastBootcamp.io Links Introducing WebContainers: Run Node.js natively in your browser StackBlitz StackBlitz EricSimons – StackBlitz Twitter: Eric Simons ( @ericsimons40 ) Picks Eric- Vite Jack- Westworld Paige- Elgato Wave:3 TJ- Podcast from The Verge Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr ) Contact Paige: Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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'd like to learn how to start your own podcast, go to podcastbootcamp.io Panel Charles Max Wood

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 Herrington Paige Niedringhaus TJ VanToll Guest Victory Dumebi Nwani Sponsors Dev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial PodcastBootcamp.io Links Integrating A Dialogflow Agent Into A React Application Dialogflow Documentation A brief introduction to Chatbots with Dialogflow Dialogflow pricing LinkedIn: Victory Nwani GitHub: Nwani Victory ( vickywane ) Twitter: Iamnwani ( @iamnwani01 ) Picks Jack- Resident Evil Village Paige- Mario Kart TJ- Toto Bidet Victory- AWS CodeDeploy Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr ) Contact Paige: Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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'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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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

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: Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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 Herrington Paige Niedringhaus TJ VanToll Guest Evyatar Alush Sponsors Dev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial Links Creating APIs for the human developer GitHub | ealush/vest Form Validations with VEST | Alush Evyatar | Conf42: JavaScript - YouTube Tweets about Vest Vest - Declarative Validation Testing Svelte Forms: The Missing Manual ealush Twitter: Evyatar ( @evyataral ) Picks Evyatar - RunJS Jack- Twitter: G.U.N Gals ( @gungalsval ) Paige- API connection - Pipedream TJ- Pokemon Unite 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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

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 Herrington Paige Niedringhaus TJ VanToll Guest Ian Lavery Sponsors Dev Influencers Accelerator React Error and Performance Monitoring | Sentry Links Add Voice Recognition to React Native Without Adding the Cloud Picovoice: Edge Voice AI Platform WebAssembly  Ian Lavery - Medium Picovoice - Medium Picovoice - YouTube LinkedIn: Picovoice Twitter: Picovoice.ai ( @AiPicovoice ) Picks Ian- Mandy Jack- Mythic Quest | Apple Tv+ Paige- Digikey Electronics TJ- Hoopla 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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

Youssouf EL Azizi joins the round up to talk about the best React Native libraries that allow you to leverage the native features of the platforms you run on. Sometimes it's hard to know how to get native features into your mobile app. Whether they're not well maintained or don't cover the widest breadth of use cases, it's hard to know sometimes which ones to use. Youssouf breaks it all down for you. Panel Carl Mungazi Paige Niedringhaus TJ VanToll Guest Youssouf EL Azizi Sponsors Dev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial  Links The best React Native libraries for leveraging native features Work | Obytes GitHub | obytes/react-native-template-obytes How to learn TypeScript for react developers No BS TS #1 - Typescript Setup & Everyday Types - YouTube Youssouf EL Azizi Twitter: Youssouf El Azizi ( @ElaziziYoussouf ) Picks Carl- Building Mobile Apps at Scale Carl- WODE MAYA - YoutTube Jack- React GUI Paige- Tea brewing baskets TJ- GitHub Copilot Youssouf- Cal NewPort Contact Carl: GitHub: Carl Mungazi ( CarlMungazi ) Twitter: Carl Mungazi ( @CarlMungazi ) 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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

Chris Laughlin joins the round up to discuss how to use the WebKit Speech Recognition API to interact with your react applications. This opens up a wide range of capabilities for web and React applications. Panel Carl Mungazi Jack Herrington Paige Niedringhaus TJ VanToll Guest Chris Laughlin Sponsors React Error and Performance Monitoring | Sentry Dev Influencers Accelerator Links Adding Voice Search to a React Application Using the Web Speech API GitHub | streamich/react-use Recut Descript Svelte Netlify Github Co-pilot GitHub: Chris Laughlin ( chrislaughlin ) Picks Carl- Subscribing to different newsletters Chris- Script Kit by John Lindquist Jack- GitHub | solidjs/solid Paige- Logitech Wireless MX Keyboard TJ- Manfrotto Magic Arm Contact Carl: GitHub: Carl Mungazi ( CarlMungazi ) Twitter: Carl Mungazi ( @CarlMungazi ) 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's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll )

In today's episode, we talk about state management, dependency injection, react hooks, API access best practices and more with Tommy Groshong a React UI architect. Panel Jack Herrington Paige Niedringhaus TJ VanToll Guest Tommy Groshong Sponsors Dev Influencers Accelerator Raygun | Click here to get started on your free 14-day trial  Links React Context for Dependency Injection Not State Management Reduce State Management Footprint with React Query Reduce State Management Footprint with React Query Test Double TommyGroshong.com LinkedIn: Thomas Groshong Twitter: Tommy Groshong ( @tgroshon ) Picks Jack- Deno Deploy Paige- Ted Lasso Paige- GitHub | foambubble/foam TJ- Land of the Giants Tommy- The Courier Tommy- The Anarchist Handbook Contact Paige: The Home Depot Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr )

React Hook Form is a terrific way to manage state in, from, and through, your forms in React. Since React itself doesn't give you much to manage forms, React Hook Form steps into the gap to help you manage your forms and provide features and functionality to your forms. Our guest, Vijit Ail worked through several of the options out there for managing states and walks the panel through his decision to use React Hook Form. Panel Jack Herrington TJ VanToll Guest Vijit Ail Sponsors React Error and Performance Monitoring | Sentry Dev Influencers Accelerator Links React Hook Form Redux Form Formik BundlePhobia TypeORM NestJS Picks Jack- Nx: Smart, Extensible Build Framework TJ- Super Mario 3D World Vijit- Microservices with Node JS and React | Udemy Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr )

Let's dive deep into the pros and cons of Utility First CSS and Tailwind CSS in particular as Jack plays defense and Paige and TJ play devils advocates. Let's see who comes out on top and give you some insights into whether or not Tailwind CSS is the right choice for your next project. Panel Jack Herrington Paige Niedringhaus TJ VanToll Sponsors React Error and Performance Monitoring | Sentry Dev Influencers Accelerator Links Tailwind CSS Tailwind UI Tailwind CSS IntelliSense clsx - npm classnames - npm GitHub | ben-rogerson/twin.macro Chakra UI Headless UI Picks Jack- Willy's Wonderland Paige- myQ | Smart Home & Smart Garage TJ- The Last Dance Contact Paige: The Home Depot Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr )

Paige, Jack, and TJ discuss the details of the different ways that you can render a React application. They talk about the pros and cons of each approach, how they work, and the common mythos surrounding each one. 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- Super Heavy Test Tank Cryogenic Proof Test - YouTube Paige- For all Mankind (TV Series) Paige- Philips Sonicare Electric Toothbrush Contact Paige: The Home Depot Paige Niedringhaus Paige Niedringhaus – Medium Twitter: Paige Niedringhaus ( @pniedri ) GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's Blog Progress Software KendoReact Twitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTube Blue Collar Coder Twitter: Jack Herrington ( @jherr )