Sign in
Technology
Business
Charles M Wood
Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.Become a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
Wrangle Your CSS in JS for Peanuts using Goober ft. Cristian Bote - RRU 177
If you're looking for a way to manage your CSS in JS in a super lightweight framework, check out Goober. The package is exceptionally small and keeps your bundle lean and mean. Cristian Bote joins the round up to wrangle this discussion on how to put CSS into your React application in a novel way. Sponsors Top End DevsCoaching | Top End Devs Links GitHub - cristianbote/goobergooberPreactPhobia Picks Cristian- World's Strictest Parents - YouTubeJack- James Hoffmann - YouTubePaige- Twilio - Official Site - Endless API PossibilitiesTJ- BigWrite - Apps on Google PlaySpecial Guest: Cristian Bote.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 of ambitious and engaged programmers to learn how.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.
50:3413/04/2022
Open Source React with Tanner Joseph Linsley - RRU 176
There’s a wild west of open source React out there, so let’s help you prepare. In this episode, the squad talks with Tanner Joseph Linsley, an open source React developer who’s got some wisdom to drop on how to do it right and build your community. “Honestly, a lot of the time, it’s about taking existing tools and shaping them into what I need them to be.” _- Tanner Joseph Linsley _ In This Episode 1) The BIGGEST tools in React that you oughta know in 2022 2) How to use feedback effectively and fix mistakes quickly 3) The TRUTH around open-source in the dev community (and how to get started) Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Carl- Christmas DIY at the Chateau - How to renovate a Chateau (Without killing your parter)Paige- Star Trek: Discovery (TV Series 2017– ) - IMDbTanner- Anycubic Mega X 3D PrinterTanner- Locke & Key (TV Series 2020– ) - IMDbTanner- Oculus Quest VRTJ- SteamYardSpecial Guest: Tanner Linsley.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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
01:03:1116/03/2022
UseEffect and Writing Well with Chimezie Innocent - RRU 175
Sometimes, the answer isn’t to code more. In this episode, the crew sits down with Chimezie Innocent, a developer who will show you how to clean up your act with UseEffect, as well as why this ONE thing dramatically improved his coding. “If you want to understand something better, the best advice I would give is ‘Just write about it!’” - Chimezie Innocent In This Episode 1) Why UseEffect is CRUCIAL for avoiding a world of hurt in your cleanup 2) How to reveal how little you ACTUALLY understand a concept (and how to become a better developer fast!) 3) Some GO-TO tips for improving your writing, helping others, and getting paid to do something other than coding Sponsors Top End DevsCoaching | Top End Devs Links Understanding React’s useEffect cleanup function - LogRocket Blog Picks Chimezie- Elementary movie about public schoolsJack- SAD LampJack- Mountain DuckPaige- Grippy SocksTJ- Stylus for cold weather phone usageSpecial Guest: Chimezie Innocent.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 of ambitious and engaged programmers to learn how.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.
37:1809/03/2022
Nx and Next.js Apps in 2022 with Jack Hsu - RRU 174
Nx is here to make your life easier. In this episode, Paige and TJ talk with Jack Hsu, a developer whose Nrwl and Nx expertise is blowing us away with how streamlined things can be. “It’s nice for everyone to see what’s going on, not just the core developers.” - Jack Hsu In This Episode 1) What beginners NEED to know to get started with Nx this year 2) Why you’ll LOVE using a Monorepo in 2022 to maintain your sanity 3) The BIG 2022 trends around Next.js, Nx, and Nrwl you ought to know Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links Painlessly Build and Deploy Next.js Apps With Nx | by Jack Hsu | Nrwl Jack HsuGithub: Jack Hsu ( aysoo ) Picks Jack- IdeaVimPaige- Watch Snowpiercer | Netflix Official SiteTJ- YouTube TVSpecial Guest: Jack Hsu.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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
50:3502/03/2022
CSS Properties with Colby Fayock - RRU 173
Let’s help you invest in your new CSS Property. (Get it?) In this episode, Jack and Paige sit down with CSS property extraordinaire, Colby Faycock, for React Roundup Round 2! They all discuss how to make CSS get along with React and others, what awesome things Cloudinary does, and how to properly enter the CSS world if you’re a React user. “React and CSS are two different concepts, but they can definitely play nicely.” - Colby Fayock In This Episode 1) How to make CSS properties play nice with JavaScript and React 2) The BEST way for React users to enter the CSS world in 2022 3) Why companies like Cloudinary are showcasing THIS awesome part of CSS properties Sponsors Top End DevsCoaching | Top End Devs Links How to Create CSS Custom Properties That Dynamically Update with React & JavaScript - Space Jelly 1-Line Layouts Picks Colby- OzarkJack- Micro State Management with React HooksPaige- Watch 1883 Season 1 | Prime Video - Amazon.comSpecial Guest: Colby Fayock.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 of ambitious and engaged programmers to learn how.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.
46:1123/02/2022
From Court Rooms to WebGL with Mikael Petersen - RRU 172
Could a flight attendant or lawyer become a developer? You bet! In this episode, the React Roundup team talks with Mikael (Mickey) Petersen, a flight attendant turned lawyer turned developer who believes your background doesn’t define you. They all discuss what you NEED to know about WebGL and canvasses, the pros and cons of Svelte vs. React, and the biggest developments that you should already be following. “I realized my passion is between problem solving and creativity. Coding is a creative outlet, and I always love learning new stuff.” - Mikael (Mickey) Petersen In This Episode 1) Why Mickey believes ANYONE can become a developer regardless of their background 2) What you NEED to know about working with WebGL and canvasses in React this year 3) How Svelte is an EXCELLENT choice for starting out (but why React is better at higher levels) 4) The BIGGEST developments in 2022 that you oughta be following by now Links Three.js with React Hooks Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Picks Jack- Plastic bags to organize your houseMikael- Wheel of Time (14 book series)Paige- Watch Don't Look Up | Netflix Official SiteTJ- Pokémon Legends: ArceusSpecial Guest: Mikael Petersen.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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
41:1516/02/2022
Fully Stacked with Mike Alche - RRU 171
Wanna forget the back-end and only focus on the front? Too bad. In this episode, the React team sits down with Mike Alche, a developer whose full-stack approach reminds us why you need both ends to succeed. They discuss the power of tRPC, what led Mike to AdonisJS (and why it should be more popular), and Mike’s go-to tips for becoming a master at API testing. “As develops, we love building products, but we need a place to put it. The back end’s not as trendy as the front end. That’s what ‘full stack’ means—everything together.” - Mike Alche In This Episode What apps catch Mike’s attention, which ones he skips, and his wisdom to know the differenceWhy tRPC can accelerate your coding and make end-to-end type safe APIs a breezeHow a need for documentation led Mike to AdonisJS (and why he thinks it should be more popular than its competitors)Mike’s go-to tips for testing your APIs efficiently (and the crucial differences between front- and back-end) Picks Jack- Disney's Encanto: A Magical WorldMike- Watch The Hand of God | Netflix Official SitePaige- Leadership and Self-Deception: Getting Out of the BoxTJ- Wordle - A daily word gameSpecial Guest: Mike Alche.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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
41:5602/02/2022
Next Steps for Next JS with Tom Norton - RRU 170
Next JS is next in line, but are you ready for it? In this episode, the Roundup rascals team up with Tom Norton, a software developer who’s as excited about Next JS as they are. They discuss the pros and cons, why it’s superior to apps like Gatsby, and why Tom believes studying accessibility is PARAMOUNT for the future. “Get ready for some opinions.” - Tom Norton In This Episode Tom’s unadulterated (but optimistic!) opinions on Next JS (and what his totally-scientific tests discovered) What Tom and Paige agree on that’s not ideal about Gatsby (and why Next is growing fast) Why Tom believes that studying accessibility features will determine the future of programming Tom’s BIGGEST pet peeves with React native and which libraries he uses as workarounds Sponsors Top End DevsCoaching | Top End Devs Links GitHub: Tom Norton ( tn12787 )Next.js 12 Performance Test: Builds Appear to be Slower, Not Faster Picks Jack- Marie Kondo Cleaning MethodPaige- Electric BlanketPaige- Watch Tiger King | Netflix Official SiteTJ- An Ember in the Ashes Book SeriesTom- Chat UITom- Animating React animationsSpecial Guest: Tom Norton.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 of ambitious and engaged programmers to learn how.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.
44:0626/01/2022
Libraries and State Machines in 2022 - RRU 169
A new year brings new libraries and state machines, so if you’d rather not be confused, this episode’s for you. In this one, the team covers React’s most significant improvements, how to avoid losing your mind over state machines, and what libraries to peruse in 2022. In This Episode Why React’s improvements made THIS feature irrelevant for most cases The team’s solution for people wanting more than just juggling API’s all day (and why it’s a big win for storage and data migration) If you’re into spreadsheets, we bet you’ll LOVE using THIS library Want to learn a new, intuitive library in 2022? Jack’s got you covered How to avoid the NIGHTMARE of complication with state machines Sponsors Top End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End Devs Links useSWRReact QueryRTK Query Overview | Redux ToolkitRecoilJotaiZustand GitHub - pmndrs/valtio Akita | Reactive State Management Effector Picks Jack- AirPods Max - ApplePaige- Watch The Witcher | Netflix Official SiteTJ- Sonic the HedgehogSponsored 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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
50:1819/01/2022
The Great Gatsby with Queen Raae - REACT 168
Interested to learn more about this “Great Gatsby”? How does it differ from others, and where is the industry headed? Time for a meeting with the Queen! In this episode, the React team sits down with Queen Benedicte Raae, a software developer and overall coding wizard. They discuss the ONE feature of Gatsby that makes it so beginner friendly, what Queen Raae learned from her years of Wordpress and web building, and where they believe the conversation of “no-code vs code everything” is headed. “If you need something content-heavy, Wordpress can be exactly what you need. But if you’re trying to make an application, you need something more intense. The internet is splitting between no-code vs ‘code everything’ solutions.” Benedicte Raae In This Episode The ONE feature of Gatsby that makes the whole system so easy AND customizable for users (which you can start using today!) What Benedicte learned from Wordpress, Jekyll, and web building (and how it led her to Gatsby) Benedicte’s feelings toward Javascript in 2022 (hint-hint: it’s laser-focused on something…) Instead of websites trying to do everything on their own, the roundtable discusses why software is headed in THIS direction (which is the biggest drawback of Wordpress) Sponsors Top End DevsCoaching | Top End Devs Links Queen Raae's Royal PlaygroundGitHub - catdad/canvas-confetti: 🎉 on-demand confetti gun@raae/gatsby-plugin-let-it-snow - npmCarrdSanity5 Gatsby Gotchas to look out for as React developerOslohistorier Picks Raae- Yoga With AdrienePaige- The Matrix moviesTJ- Hawkeye on Disney PlusSpecial Guest: Benedicte Raae .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 of ambitious and engaged programmers to learn how.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.
45:4112/01/2022
Nailing Your Interview with Paige Niedringhaus - REACT 167
So, you’ve followed up with a recruiter and have an interview scheduled tomorrow. Not sure what to do next besides print your resume? Don’t fret! In this episode, the guys sit down with Paige Niedringhaus to discuss the fundamentals of nailing your interview. They lay out the interview red flags that should scare you to your core, how to escape the “application blackhole”, and why the “STAR Method” is incredible for leaving an awesome impression. “If you don’t feel like you qualify, apply anyway. If it sounds interesting, just apply.” Paige Niedringhaus In This Episode: For real, though: Bootcamp or CS degree? The interview red flags that should make you run far, far away Why Paige focuses on her post-interview recovery and how to never take rejection personally How Paige escaped the “application blackhole” and stood out from her colleagues If you want to make a compelling argument for your experience, use the “STAR Method” to leave the interviewer asking for more Links Mentioned: Svelte Kit - https://kit.svelte.dev/ Rich Harris hired to Vercel - Vercel welcomes Rich Harris, creator of Svelte – Vercel Lit HTML - lit-html Roundtable Picks: TJ - Motion One library : https://motion.dev/ Jack - Crafting Interpreters book - https://craftinginterpreters.com/ Paige - Recharts.js chart library: https://recharts.org/en-US/ Connect with Paige: Website: https://www.paigeniedringhaus.com/ Twitter: twitter.com/pniedri 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.
50:2005/01/2022
3 Fundamental Pillars You Need to Succeed as an Entrepreneur - BONUS
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.
01:02:3916/12/2021
Going Deep on Next.js ft. Atila Fassina - RRU 166
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. Start your 14-day free trial now.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
02:0115/12/2021
React vs Svelte ft. Jack Franklin - RRU 165
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 of ambitious and engaged programmers to learn how.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.
45:5209/12/2021
React Native for Web ft. Giuseppe Gurgone - RRU 164
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.Top End Devs: Learn to Become a Top 5% Developer. Join our community of ambitious and engaged programmers to learn how.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.
48:4801/12/2021
BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working
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 Black Friday/Cyber Monday "Double Your Productivity by 5pm Today" Deal Coupon Code: "DEEP" for a GIANT discount 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.
47:2325/11/2021
Modernizing Your React Apps with TypeScript ft. Chris Frewin - RRU 163
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% Developer. Join our community of ambitious and engaged programmers to learn how.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.
40:2224/11/2021
How to Organize Your React App ft. Tania Rascia - RRU 162
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 Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Tania Rascia.Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.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.
48:0710/11/2021
What Skills Should We Learn Over the Holidays? - RRU 161
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 VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.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-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
59:0203/11/2021
Modernizing Enterprise React Apps with Paige Niedringhaus - RRU 160
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 ) Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.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-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
58:4320/10/2021
Maintaining Storybook ft. Yann Braga - RRU 159
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.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! Sentry: Resolve React errors and performance issues with SentryAdvertising 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.
50:2713/10/2021
React Do's and Don't's - RRU 158
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 offers Real User Monitoring of Core Web Vitals. Start your 14-day free trial now.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.
49:5106/10/2021
How to Stay Current and Learn New Things ft. Charles Max Wood - RRU 157
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.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising 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.
54:3729/09/2021
Composing Layouts for React ft. Travis Waith-Mair - RRU 156
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.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-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
47:0222/09/2021
Run NextJS and Node in the Browser ft. Eric Simons - RRU 155
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 .Sponsored By:Top End Devs Coaching: If you have questions about how to grow your skills or take your career to the next level, join us on our next weekly coaching call. It's completely free.Sentry: Resolve React errors and performance issues with SentryAdvertising 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.
50:4915/09/2021
Building a Chatbot or Voicebot with Dialogflow in React ft. Victory Nwani - RRU 154
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.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-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
43:4001/09/2021
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.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising 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.
42:4825/08/2021
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 ) 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-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/react-round-up--6102072/support.
49:5918/08/2021
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 ) Special Guest: Florian Rappl.Sponsored By:Sentry: Resolve React errors and performance issues with SentryAdvertising 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.
55:3511/08/2021
Form Validations and Open Source ft. Evyatar Alush - RRU 150
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 NiedringhausPaige Niedringhaus – MediumTwitter: Paige Niedringhaus ( @pniedri )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Evyatar Alush. 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.
45:1304/08/2021
Voice Recognition in React ft. Ian Lavery - RRU 149
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 )GitHub: Paige Niedringhaus ( paigen11 ) Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Special Guest: Ian Lavery. 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.
47:4928/07/2021
Leveraging Native Features in React Native featuring Youssouf EL Azizi - RRU 148
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 MungaziPaige NiedringhausTJ VanToll Guest Youssouf EL Azizi Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Links The best React Native libraries for leveraging native featuresWork | ObytesGitHub | obytes/react-native-template-obytesHow to learn TypeScript for react developersNo BS TS #1 - Typescript Setup & Everyday Types - YouTubeYoussouf EL AziziTwitter: Youssouf El Azizi ( @ElaziziYoussouf ) Picks Carl- Building Mobile Apps at ScaleCarl- WODE MAYA - YoutTubeJack- React GUIPaige- Tea brewing basketsTJ- GitHub CopilotYoussouf- Cal NewPort Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) 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 ) Special Guest: Youssouf EL Azizi . 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.
47:5421/07/2021
Speech Commands and Speech Recognition in React featuring Chris Laughlin - RRU 147
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 MungaziJack HerringtonPaige NiedringhausTJ VanToll Guest Chris Laughlin Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Adding Voice Search to a React ApplicationUsing the Web Speech APIGitHub | streamich/react-useRecutDescriptSvelteNetlifyGithub Co-pilotGitHub: Chris Laughlin ( chrislaughlin ) Picks Carl- Subscribing to different newslettersChris- Script Kit by John LindquistJack- GitHub | solidjs/solidPaige- Logitech Wireless MX KeyboardTJ- Manfrotto Magic Arm Contact Carl: GitHub: Carl Mungazi ( CarlMungazi )Twitter: Carl Mungazi ( @CarlMungazi ) 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 ) Special Guest: Chris Laughlin. 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.
49:2914/07/2021
React Architecture with Tommy Groshong - RRU 146
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 HerringtonPaige NiedringhausTJ VanToll Guest Tommy Groshong Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Links React Context for Dependency Injection Not State ManagementReduce State Management Footprint with React QueryReduce State Management Footprint with React QueryTest DoubleTommyGroshong.comLinkedIn: Thomas Groshong Twitter: Tommy Groshong ( @tgroshon ) Picks Jack- Deno DeployPaige- Ted LassoPaige- GitHub | foambubble/foamTJ- Land of the GiantsTommy- The CourierTommy- The Anarchist Handbook 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 ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Tommy Groshong. 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.
55:1207/07/2021
React Hook Form with Vijit Ail - RRU 145
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 HerringtonTJ VanToll Guest Vijit Ail Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links React Hook FormRedux FormFormikBundlePhobiaTypeORMNestJS Picks Jack- Nx: Smart, Extensible Build FrameworkTJ- Super Mario 3D WorldVijit- Microservices with Node JS and React | Udemy Contact TJ: TJ VanToll's BlogProgress SoftwareKendoReactTwitter: TJ VanToll ( @tjvantoll ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Vijit Ail. 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.
35:3030/06/2021
Utility First CSS with Tailwind, is it the right choice for you? - RRU 144
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 HerringtonPaige NiedringhausTJ VanToll Sponsors React Error and Performance Monitoring | SentryDev Influencers Accelerator Links Tailwind CSSTailwind UITailwind CSS IntelliSenseclsx - npmclassnames - npm GitHub | ben-rogerson/twin.macroChakra UIHeadless UI Picks Jack- Willy's WonderlandPaige- myQ | Smart Home & Smart GarageTJ- The Last Dance 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 ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr )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.
44:1423/06/2021
Client Side, Server Side, and Static Site Rendering, Oh My! - RRU 143
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 HerringtonPaige NiedringhausTJ VanToll Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Picks Jack- Super Heavy Test Tank Cryogenic Proof Test - YouTubePaige- For all Mankind (TV Series)Paige- Philips Sonicare Electric Toothbrush 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 ) Contact Jack: Jack Herrington – YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr )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.
10:3416/06/2021
Clean Code with Tyler Hawkins - RRU 142
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 MungaziJack Herrington Guest Tyler Hawkins Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links React Clean CodeUse ternaries rather than && in JSXGitHub | getify/You-Dont-Know-JSClean Code With Unit TestsTyler Hawkins - Web PortfolioTyler Hawkins - MediumGitHub: Tyler Hawkins ( thawkin3 )LinkedIn: Tyler HawkinsTwitter: Tyler Hawkins ( @thawkin3 ) Picks Carl- Time away from the screensJack- GitHub | pmndrs/jotaiTyler- 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 - YouTubeBlue Collar CoderTwitter: Jack Herrington ( @jherr ) Special Guest: Tyler Hawkins. 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.
54:3309/06/2021
The 3 Essentials for Successful Job Outcomes - BONUS
Chuck dives into the 3 essentials for getting the next successful outcome you want in your career. Whether that's something simple like a raise or something more complex like going freelance, you can achieve it by working on 3 main areas. First, building skills. The most obvious type of skills you'll need is technical skills. However, don't neglect your people skills and your organizational skills as well since you're often paid for how you work with people and enhance their work and how you put your work together in the most efficient ways. Second, building relationships. Often other people will be able to help you find the opportunities or will be the ones to make the decisions that impact your ability to get the outcome you want. Having good relationships is key to having good outcomes. Third, building recognition. Being known for being valuable in important ways allows you to leverage the skills you have to build better relationships and create opportunities to get what you need to get the outcomes you want by giving people what they want. A podcast is a great way to do all three. Chuck explains exactly how that works in this podcast and goes deeper as part of the Dev Influencers Accelerator. Panel Charles Max WoodAdvertising 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.
35:2504/06/2021
How to Structure Your React Projects - RRU 141
Akash Joshi Is a frequent blogger across many of the larger blogs across the internet. He joins the Round Up to share his opinions on how you should put your React applications together as well as some tips on where you shouldn't put files and where you should avoid putting specific types of files. Some of this is inspired by projects like Next.js and others by his own experience. Paige and TJ chime in with their experience to help provide more context to the conversation. Panel Paige NiedringhausTJ VanToll Guest Akash Joshi Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trial Links Learn Structuring React Projects with a Dogs App [⚛ + 🐶]A Better Way to Structure React ProjectsImproving my OSS library and taking steps towards improving my YT qualityAkash JoshiThe Writing Dev Akash Joshi - thewritingdev - YouTubeTwitter: Akash ( @thewritingdev ) Picks Akash- Lapel MicrophonePaige- Harney & Sons Earl Grey Loose Leaf TeaTJ- Kombucha Tea 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 ) Special Guest: Akash Josh. 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.
37:5202/06/2021
How to Get Hired at a FANG Company - BONUS
Chuck explains what he taught Nathan last week when we asked how to get hired at a FANG (Facebook Apple/Amazon Netflix Google) company. Essentially, it boils down to how to build the skills and knowledge needed to pass the interview. How to build the relationships to get into the door and have the interviewer want you to succeed. And how to build the reputation that has the company wanting you regardless of the outcome. This approach also works for speaking at conferences, selling courses, and other outcomes as well as it's the core of building a successful career as an influencer. Panel Charles Max WoodAdvertising 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.
22:2628/05/2021
Fast Production-Ready React Apps with AWS Amplify with Yash Garudkar - RRU 140
Yash Garudkar joins the Round Up to discuss using AWS Amplify to quickly build production ready applications. Yash also dives into how to use some of the offerings provided by AWS without needing to understand the wide array of offerings in Amazon Web Services. Panel Paige NiedringhausTJ VanToll Guest Yash Garudkar Sponsors Dev Influencers Accelerator Links Build fast and production ready apps with React and AWS AmplifyIntro to React - YouTubeAWS AmplifyAWS Dev Rel Nader Dabit Twitter: Yash Garudkar ( @codeitachi )LinkedIn: Yash Garudkar Picks Paige- Pragmatic Programmer BookPaige- Superstore Show TJ- DecoderYash- NodeJS the Complete Guide Yash- Dark | Netflix Special Guest: Yash Garudkar . 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.
03:0113/05/2021
Becoming the Go-To Person in Your Technology Area - BONUS
Chuck was on a strategic call with one of his potential coaching clients talking about cryptocurrencies and realized that this is one of the major reasons that people want to become influencers. Or, rather, that many people aspire to make a difference and/or make money and the best way to do that is to become the person people go to for what you do. So, how do you become the first person people think of when they think of that thing you know how to do? Let Chuck tell you. Panel Charles Max WoodAdvertising 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.
16:3307/05/2021
Don't Let These Things Keep You From Podcasting - BONUS
Charles talks about the things that get developers stuck when they're trying to start their podcast or other influencer channel. He explains how to get around having those things hamper your journey. Panel Charles Max WoodAdvertising 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.
15:1829/04/2021
BONUS: Relationships Matter Most
Charles Max Wood talks about how to build, grow, and benefit from positive relationships within programming. He talks about how he's built genuine positive relationships with hundreds of programmers and how he and others have grown from those relationships. He also explains that you get out of relationships what you put into them. Finally, he goes into how to begin to build relationships by building a system of influence you can use on behalf of the people you want relationships with. Panel Charles Max WoodAdvertising 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.
19:4523/04/2021
BONUS: How Opportunities Come Your Way When You're an Influencer
Charles Max Wood discusses several opportunities that came his way early in his podcasting career and other opportunities that have come to other people after only a couple of podcast episodes. He explains why that happens and how you can use this to create more influence as a developer. Panel Charles Max WoodAdvertising 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.
20:3316/04/2021
RRU 139: Creating Gatsby Source Plugins with Dillion Megida
In today’s episode of React Round Up, Nigerian-based developer Dillion Megida explains how you can create source plugins for Gatsby, the static site generation tool. Gatsby can be used to create landing pages, blogs and e-commerce sites, among other things, and it contains a vast plugin ecosystem that helps developers avoid reinventing the wheel when creating their applications. Dillion also shares his experience blogging for websites such as LogRocket, FreeCodecamp and Dev.to and talks us through his workflow and how he comes up with new article ideas. Panel Carl MungaziPaige NiedringhausTJ Vantoll Guest Dillion Megida Sponsors Dev Influencers AcceleratorReact Error and Performance Monitoring | Sentry Links How to Build a Gatsby Source Plugin, using Hashnode as an examplePaige NiedringhausGatsby Plugin LibraryTheWebFor5Web sharing APIA deep dive into queues in Node.jsgatsby-source-mediumHashnodeTwitter: Dillion Megida ( @iamdillion )Dillion Megida - Frontend Engineer and Technical Writer Picks Carl- BBQ tips Carl- JAMstacked newsletter Dillion- CypressPaige- Battery Chargers - OptiMateTJ- RemotionTJ- Remotion demo Special Guest: Dillion Megida. 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.
53:4414/04/2021
BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?
Charles Max Wood started podcasting because it sounded fun and because he wanted to talk about technology. He learned pretty quickly that it got him access to people who understood the things he wanted to learn. The reasons changed over the years, as Charles explains before he talks about the big payoff he gets now from doing the podcasts. Panel Charles Max WoodAdvertising 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.
31:2709/04/2021
RRU 138: React Component Tests for Humans with Miroslav Nikolov
On this episode of React Round Up we chatted with Miroslav Nikolov, a UI developer at one.com, about his approach to unit testing React components. Miroslav discussed writing components in a human-friendly way, using the library UnexpectedJS. We also talked about Miroslav’s blog, including how he got started with it, and some of the tools he used, like Gatsby and Mailchimp. This is a great episode if you’re looking to learn more about how to approach unit testing in React. Panel Paige NeidringhausTJ VanToll Guest Miroslav Nikolov Sponsors Dev Influencers AcceleratorRaygun | Click here to get started on your free 14-day trialReact Error and Performance Monitoring | Sentry Links webup.org/blog | Miroslav NikolovUnexpectedJSReact Component Tests for Humans | CSS-TricksmailchimpSubstack Picks Miroslav- erikras.comMiroslav- Application State Management with ReactPaige- Tom Clancy's | Jack RyanTJ- DREAM SPORT Bike Computer Bicycle Speedometer and Odometer 16-Function Wired Bike Computer Waterproof Special Guest: Miroslav Nikolov. 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.
41:4307/04/2021
BONUS: How Jason Weimann Became a Game Developer
Jason Weimann started out as an enthusiast of the Massively Multiplayer Online Role Playing Game, Everquest. After becoming a software developer and building a collaborative community playing the game, learn how he used his connections to get a job working for the company that made the game, even if it wasn't a job working as a game developer and how that led to a career working on one of the most popular online games of the time. Panel Charles Max WoodAdvertising 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.
39:0402/04/2021