React Round Up

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 )

Special Guest: Florian Rappl.Sponsored By:

• Sentry: Resolve React errors and performance issues with Sentry

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Evyatar Alush.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Ian Lavery.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Youssouf EL Azizi .

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Chris Laughlin.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Tommy Groshong.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Special Guest: Vijit Ail.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

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 )

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.

In today’s show, frontend engineer Tyler Hawkins shares his tips on how you can write clean, maintainable and readable code. Using the examples from his article on the same subject, he explains the importance of using clean code principles to make it easier for different developers to collaborate on a codebase. Tyler also discusses how you can better structure your tests and have more confidence in how they are written. Panel

• Carl Mungazi
• Jack Herrington

Guest

• Tyler Hawkins

Sponsors

• Dev Influencers Accelerator
• React Error and Performance Monitoring | Sentry

Links

• React Clean Code
• Use ternaries rather than && in JSX
• GitHub | getify/You-Dont-Know-JS
• Clean Code With Unit Tests
• Tyler Hawkins - Web Portfolio
• Tyler Hawkins - Medium
• GitHub: Tyler Hawkins ( thawkin3 )
• LinkedIn: Tyler Hawkins
• Twitter: Tyler Hawkins ( @thawkin3 )

Picks

• Carl- Time away from the screens
• Jack- GitHub | pmndrs/jotai
• Tyler- Being Wrong: Adventures in the Margin of Error by Kathryn Schulz

Contact Carl:

• GitHub: Carl Mungazi ( CarlMungazi )
• Twitter: Carl Mungazi ( @CarlMungazi )

Contact Jack:

• Jack Herrington - YouTube
• Blue Collar Coder
• Twitter: Jack Herrington ( @jherr )

Special Guest: Tyler Hawkins.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.