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 podc

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/rea

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

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

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

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: h

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 R

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

In this episode of React Round Up, Alex Kempton joins us to talk about Hedron, a tool he built for enhancing live audio shows with cool visuals. We chat about MIDI, WebGL and web audio, and how Alex wrapped those all up into an app he uses for live performances. Panel TJ VanTollThomas Aylott Guest Alex Kempton Sponsors Audible.comCacheFly Links HedronMIDI APIhttps://workshop.chromeexperiments.com/examples/gui/#1–Basic-Usagethree.js exampleshttps://github.com/react-spring/react-three-fiberWeb audio APIhttps://twitter.com/polyopukReact-three-fiber Picks Alex Kempton: Just JavaScript TJ VanToll: Stratechery Thomas Aylott: roamresearch.com Follow React Round Up on Twitter > @reactroundupSpecial Guest: Alex Kempton. 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 special episode of React Round Up, guest Nikolas Burk delves into the Prisma database and why it’s worth checking out. Panel James Brenton Guest Nikolas Burk Sponsor CacheFly Links www.prisma.io Picks Nikolas Burk: Follow Nikolas on Twitter > @nikolasburkPrisma Day RecordingsChess app James Brenton: Scrabble® GO – New Word Game Follow React Round Up on Twitter > @reactroundupSpecial Guest: Nikolas Burk. 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.

When meetup.com announced last year that it wanted to charge users $2 for using the platform, a number of users expressed their strong opposition to the proposal. Developer Chris Achard was one of them and he built meetingplace.io in response to users who were looking for alternatives. In today’s episode, Chris, who is also an egghead.io instructor, explains how he built an MVP in a week using Ruby, React and other technologies. He also shares his tips on how to find consulting jobs and teach others online. Panel Paige NiedringhausTJ VanTollCarl Mungazi Guest Chris Achard Sponsor CacheFly Links Meetingplace.ioDev.tohttps://recoiljs.org/ Picks Chris Achard: https://twitter.com/chrisachardA case study of how Chris used the Twitter thread educational posts to grow his following TJ VanToll: VergeCastReact Wednesdays on Twitch Paige Niedringhaus: Trakt.tvDEV Community – Google Play StoreApple App Store Carl Mungazi: Async pattern Follow React Round Up on Twitter > @reactroundupSpecial Guest: C

In this episode of React Round Up, Glen Maddern joins us to talk about a new tool he’s been working on called Frontend Application Bundles, or FABs. We chat about how FABs allow you to write server-side logic in a vendor-agnostic way, as well as some of the other interesting problems FABs solve. Panel Paige NiedringhausTJ VanTollCarl Mungazi Guest Glen Maddern Links Cloudflare WorkersFrontend Application Bundles (FABs)NPM FABRemix Picks Glen Maddern: The discovery of GIF animation Paige Niedringhaus: The Deno Handbook TJ VanToll: Fort Magic Carl Mungazi: CalibreBasic virtual-dom algorithmMatt-Esch virtual-dom Follow React Round Up on Twitter > @reactroundup  Special Guest: Glen Maddern. 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, Carson Farmer joins us to talk about the decentralized web. We discuss what the decentralized web actually is, and some interesting new way the web could work. Panel Paige NiedringhausTJ VanToll Guest Carson Farmer Sponsors G2i | Enjoy the luxuries of freelancingReact Native Remote Conf 2020 Links IPFSTextileCRDTThreadDBCarson’s “Bring Your Own Data” talkFilecoin Picks Carson Farmer: Follow Carson on Twitter > @carsonfarmerLet my People go surfingIPFS: interplanetary file system on Reddit   TJ VanToll: RecoilDavid McCabe’s talk about Recoil at React Europe Paige Niedringhaus: Killing Eve Follow React Round Up on Twitter > @reactroundupSpecial Guest: Carson Farmer. 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.

Functional programming can be tricky to start with, especially in TypeScript aps. In today’s show, Robin Pokorny shares tips on how to start with functional programming, and how you can integrate functional programming into the apps you’re building today. He also shares tips on libraries to help make functional programming with TypeScript easier, including fp-ts. Panel TJ VanToll Guest Robin Pokorny Sponsors G2i | Enjoy the luxuries of freelancingReact Native Remote Conf 2020 Links fp-tsReduxElmio-tsPragmatic Bookshelf: By Developers, For Developers Picks Robin Pokorny: Follow Robin on Twitter > @robinpokornyCracking the Crypticsignup-form-react-native-web - CodeSandbox TJ VanToll: Oculus QuestAltspaceVR | Be there, together. Follow React Round Up on Twitter > @reactroundupSpecial Guest: Robin Pokorny. 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--

Dr. Meghna Srivastava joins React Round Up to share how she transitioned from a dentist in her native country of India to a software developer today in Berlin, Germany. Although she practiced for a few years after graduating dental school, Meghna wasn't completely satisfied with her career choice, and things at work began to feel stale to her. At the same time, she saw the flexibility her partner enjoyed as a backend developer, and began dabbling in Python to see if coding might be something she was interested in pursuing as well. Fast forward a year, and Meghna found herself in Germany due to her partner's job, and unemployed, giving her the time she needed to really focus on learning to code, and she discovered she enjoyed JavaScript's browser-focused interactions more than backend languages. Then she progressed on to the React framework as she began to build up her portfolio. Panel Charles Max WoodPaige NiedringhausTJ VanToll Guest Meghna Srivastava Sponsors G2i | Enjoy the luxuries of freelancingRea

React Native Remote ConfJuly 28th to 31th Brice Ayres is a Youtube video author talking about programming and React. This is a wide ranging conversation across the spectrum of React tools, libraries like react-bootstrap, and the state of styling and state management in React. Panel Charles Max WoodPaige NiedringhausTJ VanTollCarl Mungazi Guest Brice Ayres Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Ant DesignBEM Picks Brice Ayres: Follow Brice on Twitter > @codelife_io, Youtubephoenix_live_view Charles Max Wood: Board Game ArenaReact Native Remote Conference 2020 Paige Niedringhaus: Houseparty app TJ VanToll: SF Bay Coffee Carl Mungazi: A visual guide to React Mental models | Obed Parlapiano Follow React Round Up on Twitter > @reactroundupSpecial Guest: Brice Ayres. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: htt

Front end developer Maksim Ivanov talks about working for Mojang, the company behind the ridiculously popular game Minecraft. As it turns out, Maksim uses React to build different pieces of the game, and runs the code through a custom renderer to make it work in the game world. In addition to his day job, he also found time to write a book about TypeScript after realizing how much easier getting familiar with new code bases could be if TypeScript was used instead of JavaScript. The panel has used TypeScript to varying degrees themselves, but nobody's gone all in, and they talk about the pros and cons of it, including the initial learning curve and how it can help prevent bugs in the code. Maksim's book covers many aspects of TypeScript in great detail, and it sounds like a good read for anyone just picking up the language. Panel Charles Max WoodPaige NiedringhausTJ VanToll Guest Maksim Ivanov Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by

If you’ve tried using SVGs in your application, chances are you’ve found it tricky or difficult. In today’s show, Elizabet Oliviera shares some tips on how you can begin using SVGs to create scalable illustrations and animations. She also shares her experiences of building a library of SVG animations Panel Carl MungaziPaige NiedringhausTJ VanToll Guest Elizabet Oliveira Sponsors G2i | Enjoy the luxuries of freelancing "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Figmagregberge/svgrsvg/svgo: Node.js tool for optimizing SVG filesExploring audio with React and SVGs: Create amazing audio projects - Elizabet OliveiraReact Kawaii Picks Elizabet Oliveira: Follow Elizabet on Twitter > @miuki_miu, Github, LinkedInWomen of React Conf Paige Niedringhaus: Coolors - The super fast color schemes generator! Carl Mungazi: Excalidraw TJ VanToll: Tiger King Follow React Round Up on Twitter > @reactroundupSpecial G