React Round Up

Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, as well as tips and tricks on the benefits of shared libraries, how to get buy in from product and developer teams, the best way to set up libraries and keeping them up-to-date. She also shares pitfalls to try and avoid when getting started with building a new library. Definitely a good listen for anyone debating whether an existing library or a brand new, custom one is the way to go for a project. Panel TJ VanTollPaige Neidringhaus Guest Kathryn Grayson Nanz Links UI audit background from Brad FrostStorybookBubbleUphttp://kgrayson.com/ Picks TJ - StravaPaige - Tresanti Standing DeskKathryn - NotionKathryn - Rocketbook Special Guest: Kathryn Grayson Nanz. 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.

On this episode of React Round Up we chatted with Joe Karlsson from MongoDB. We talked about all things serverless, from how to get started, to which sort of apps are good fits for serverless services, to how incredibly confusing AWS and Azure’s pricing pages are. It was a fun conversation, and is a great listen if you’re curious about serverless but aren’t sure where to start. Panel Paige NiedringhausTJ VanToll Special Guest Joe Karlsson Sponsors Raygun | Click here to get started on your free 14-day trialAudible.com Links MongoDB RealmLatency Numbers Every Programmer Should Know https://github.com/JoeKarlsson/mongodb-stitch-todo-tutorial Picks Paige - Doctor WhoTJ - Schitt’s CreekTJ - React WednesdaysJoe -Star Trek Deep Space NineJoe - The Original Prusa i3 MK3S+ 3D Printer Special Guest: Joe Karlsson. 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.

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.

Colby Fayock, lead developer, book author and speaker, joins the React Round Up team to discuss why developers should focus on more than just leveling up their JavaScript skills. Understanding HTML, CSS, config tools that help power applications and more can be really helpful – especially when it comes to debugging issues during development. He also talks JAMStack and how it continues to evolve and democratize the ability for more people to put their thoughts online for all the world to see. Definitely a must listen for anyone interested in improving their dev skills. Panel Paige NiedringhausTJ VanToll Guest Colby Fayock Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links React Leaflet50 React Projects for React & the WebJamstack HandbookVercel site (creators of Next.js)https://github.com/colbyfayock/next-wordpress-starter Picks TJ VanToll: Hello Fresh Paige Niedringhaus: Brightfield Rollerblade Office Chair Wheels Colby Fayock: Netflix: Julie and the Phantomshttps://jointoucan.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Colby Fayock. 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.

In this episode of React Round Up, we talked with Shawn Wang, a prolific React author, speaker and teacher, about the future of React. We discussed what’s new in React Core, the React routing world, React DevTools (webpack, rollup, parcel, etc), CSS, and a whole lot more. Panel TJ VanToll Guest Shawn Wang Sponsors Raygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Beyond React 16 by Dan Abramov – JSConf IcelandConcurrent React from scratchReact testing recipesReact Distrosand The Deployment Age of JavaScript Frameworkshttps://github.com/vitejs/viteTypeScript cheatsheets Picks TJ VanToll: Fall GuysDevReach Online Shawn Wang: Transistor.fmCobra Kai Follow React Round Up on Twitter > @reactroundupSpecial Guest: Shawn Wang. 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.

In this episode of React Round Up, Tanner Linsley, co-founder of startup Nozzle.io, and most known lately for his OSS project React Query, joins the panel today to discuss how he was inspired to create React Query to simplify data-fetching and state management in React applications. Just a few months after releasing React Query to the dev community, it’s already making waves and garnering the attention of notable React thought leaders and large companies alike, and part of the secret to Tanner’s success is that the majority of his popular OSS projects come from him needing to solve a need for his company, Nozzle.io. Learn about if React Query (or other projects) might be something to incorporate into your own React applications, as well as tips for getting involved in (and making the case for) working on OSS projects. Panel Paige NiedringhausTJ VanToll Guest Tanner Linsley Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links Tanner’s startupReact Query siteImportant defaultsAxios Github and documentationTanner’s JSConf Hawaii talk Picks TJ VanToll: Lilo & Stitch The Series Paige Niedringhaus: Meguiar’s Natural Shine Protectant for car interiors: Tanner Linsley: The Umbrella Academy on Netflix, ZustandReact Query Essentials Course Follow React Round Up on Twitter > @reactroundupSpecial Guest: Tanner Linsley. 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.

In this episode of React Round Up we chatted with James Smith from Bugsnag. We talked about the importance of error monitoring and reporting, and how to actually implement those workflows in your production apps. James shared a number of tips for React developers, like what are the most common errors and how you can help prevent them (hint: linters help a lot). We also got into mobile, and what developers can do to protect against third-party SDK errors. Panel TJ VanToll Guest James Smith Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Picks TJ VanToll: https://www.amazon.com/What-Doesnt-Kill-Environmental-Conditioning James Smith: Fall Guys Follow React Round Up on Twitter > @reactroundupAdvertising 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.

In this episode of React Round Up, we talk with Alex Thomas, an open source enthusiast with hundreds of npm packages to his name. We talk about moving from React Native to React, and Alex’s prolific work in the open source world. We also chat about Ethereum, and Alex’s background in the decentralized finance world.. Panel Paige NiedringhausTJ VanTollThomas Aylott Guest Alex Thomas Sponsors Faithlife | Now Hiring Software DevelopersAudible.comCacheFly Links react-native-quietSofia Github repoGitcoin Picks Thomas Aylott: Once Upon a Word: A Word-Origin Dictionary for Kids―Building Vocabulary Through Etymology, Definitions & Stories TJ VanToll: The Floor is Lava3.5mm Headphone Extension Cable, CableCreation 3.5mm Male to Female Stereo Audio Extension Cable Adapter with Gold Plated Connector Paige Niedringhaus: Ultimate Beastmaster on Netflix Alex Thomas: https://harrypotterwithguns.com/ Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Thomas. 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.

In this episode of React Round Up, Dana Yudelevich shares her experiences of building internal component libraries. Dana explains in detail how she has built components in her previous jobs and the challenges she has faced in maintaining them. She also talks about how you can stand out at your current job by setting goals for yourself and becoming a “do-veloper” Panel Paige NiedringhausCarl Mungazi Guest Dana Yudelevich Sponsors Faithlife | Now Hiring Software DevelopersRaygun | Click here to get started on your free 14-day trialAudible.comCacheFly Links https://snyk.io/Atomic design methodologyTwitter article on Componentshttps://storybook.js.orgGood article on snapshot testing by Kent C DoddsPercy.io – visual review platformBecoming a DO-veloperUsing Percy with Cypresshttps://www.npmjs.com/package/classnames Picks Dana Yudelevich: http://1linelayouts.glitch.me/ Carl Mungazi: diff.blog is the home page for developershttps://github.com/bradtraversy/vanillawebprojects Paige Niedringhaus: Grill Rescue – The World’s Best Grill Brush Follow React Round Up on Twitter > @reactroundupSpecial Guest: Dana Yudelevich. 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.

Ionic’s own Ely Lucas joins the React Round Up panel to discuss building the Ionic framework to work with React under the hood. Ely talks through how the team’s been hard at work making Ionic easy to pick up for any JavaScript developer with experience in React, as well as some of the benefits it can provide over straight React or React Native. Some of the biggest benefits are having just one shared codebase to power iOS, Android, Electron and PWAs, access to React Hooks and over 100 ready-to-use, easy to customize UI components on install. If you’ve heard about Ionic but want to learn more about it, and it’s newest offering Ionic React, this is the episode for you. Panel Paige NiedringhausCharles Max Wood Guest Ely Lucas Sponsors Audible.comRaygun | Click here to get started on your free 14-day trialCacheFly Links ionicframework.comhttps://stenciljs.com/Ionic React documentationWeb animations API documentationIonic’s Capacitor.js projectcodecanyon.nethttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/docs/react/your-first-apphttps://ionicframework.com/blog/testing-ionic-react-apps-with-jest-and-react-testing-library/ Picks Ely Lucas: Tiny Habits Charles Max Wood: LegendaryHigh Performance Habits Paige Niedringhaus: Traeger Grills Follow React Round Up on Twitter > @reactroundupSpecial Guest: Ely Lucas. 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.