React Podcast

FeaturingCassidy Williams — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion in Discord

FeaturingTJ VanToll — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

FeaturingTim Neutkens — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

FeaturingTyler McGinnis — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

FeaturingHenry Zhu — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

FeaturingJenn Creighton — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

FeaturingTom Preston-Werner — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteDiscordJoin the discussion Discord

News!Marcy's doing a workshop!Don't miss Front-End Accessibility Masterclass November 6th with Smashing.DiscordJoin the discussion Discord

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

News!We have a YouTube channel for React Podcast

Vaidehi Joshi — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteLinksbasecs.org — Exploring the basics of computer science, every Monday, for a yearbaseds.org — Exploring the basics of distributed systems, every alternate Wednesday, for a yearReact Component Patterns by chantastic (2017 — when I still used "dumb" inappropriately)Bits, Binary, and Bytes — basecs podcast where Vaidehi and Saron Yitbarek talk binaryCompressing Radix Trees Without (Too Many) Tears — The most difficult post in the seriesVaidehi on dev.toBaseCS Video series and dev.toBaseCS Season 2 series on dev.toByte Sized Season 1 series on dev.toSponsorsRetoolBuild internal tools, remarkably fast with Retool.Connect to anything with an API. Drag-and-drop React components.Write JS anywhere.Learn more at retool.com/reactpodcastInfinite RedIn over your head with a React or React Native app?Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years.Learn more at reactpodcast.infinite.red.Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative

The Opinionated Guide to React by Sara VieiraCodeSandboxI'm sorry for the sparse notes this week.Truth is I got admitted to the hospital with my daughter this weekend and have not had a chance to collect them.I'll post them when I return.But, let's be honest, the book link is what matters most :)SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingTom Coleman — Twitter, GitHubchantastic — Twitter, GitHubLinksPrisma — Modern Database Access for TypeScript & Node.jsORM, Object-relational mapping on Wikipediagraph.cool (sunset product)GraphQLChris on Code — Learning Prisma and Postgres on DigitalOcean w/ Ryan Chenkie [Livestream]SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingTom Coleman — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksStorybook 6.0 AnnouncementIntroduction to Storybook for Reactchromatic — Ship UIs faster with automated workflows for Storybookchromatic blog and twitterComponent-Driven Development — article by TomPeople mentionedMichael ShilmanDominic NguyenZoltan OlahArunoda SusiripalaNorbert de LangenSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingJani Eväkallio — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksFoam — a personal knowledge management and sharing system inspired by Roam Research, built on Visual Studio Code and GitHubFoam DiscordThis is a Talk About You, React Native 2018 talk[Roam Research](https://roamresearch.com — a note-taking tool for networked thoughtBuilding a Second Brain by Tiago ForteSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.HoneybadgerWhen you push code with errors, and those error makes it all the way to a user, you want Honeybadger monitoring at your back.Get 30% off for 6 months Honeybadger by mentioning React Podcast at sign-up. There's no credit card required.Just visit Honebadger.io.Black Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingPariss Athena — Twitter, Websitechantastic — Twitter, WebsiteLinks#BlackTechTwitter hashtag search to TwitterBlack Tech PipelineDiversity, Equity, and Inclusion@ParissAthena's tweet on why she is specific about helping Black and Brown technologists, not PoC (people of color)CorrectionsThere were two places where I spoke without providing enough context for the listeners. People have asked and, given the importance of the topic, I'd like to add that context here:"We're doing fine...": To support a point about exclusively supporting Black and Brown groups, excluding other people of color, I said (about Asians) "we're doing fine". This is an oversimplification. I meant "Asian representation in tech is significantly better — at American tech companies — than that of Black and Brown folks." I didn't mean to diminish the challenges that Asian developers and designers face in the workplace but to say — by comparison — I've never worked at a growing company where I was the only person who looked like me (for long).SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.HoneybadgerWhen you push code with errors, and those error makes it all the way to a user, you want Honeybadger monitoring at your back.Get 30% off for 6 months Honeybadger by mentioning React Podcast at sign-up. There's no credit card required.Just visit Honebadger.io.Black Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingEve Porcello — Twitter, Website, GitHubAdam Banks — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksLearning React, 2nd EditionMoon Highway - professional web development trainings30 Day Free Trial for O’ReillyGraphQL is for Everyone monthly webinarsSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.TestCafeA node.js tool to automate end-to-end web testing.Write tests in JS or TypeScript.TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.It's free, open source, and will help you enjoy writing end-to-end tests.Visit testcafe.io to automate your code testing — free!Black Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingChris on Code — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksMakeReactApps.com — Build real-world React projectsWes BosReact HooksScreenFlowDreamweaverNicholas Cerminara, scotch.io co-founderJamstackjwt — JSON Web TokenBuySellAds100: The Business of Remix with Ryan Florence and Michael JacksonRedwoodjsAirtableNotionTypeScriptVisual Studio CodeSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.TestCafeA node.js tool to automate end-to-end web testing.Write tests in JS or TypeScript.TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.It's free, open source, and will help you enjoy writing end-to-end tests.Visit testcafe.io to automate your code testing — free!Black Lives MatterPlease join us in donating to the Equal Justice Initiative

Remix — a killer React framework from the creators of React routerReact router — Declarative Routing for React85: Michael Jackson on React router v6 and Empathy in Open Source on React PodcastRuby on RailsDHH — David Heinemeier Hansson, inventor or RailsTurbolinksPJAXCodeIgniterEmber routing — inspiration for nested UIMarcy Sutton75: Sunil Pai on The Future of UI Frameworks on React PodcastReact Router useLocationPending in v6.0.0-alpha.4 releaseConcurrent Mode in ReactunpkgHTTP cachingYahuda Katz — creator of emberTom Dale — creator of emberSponsorInfinite ReadIn over your head with a React or React Native app? Infinite Red can help.They're React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.Black Lives MatterPlease join us a donating to the Equal Justice Initiative

Joel Hooks shares the story of egghead.io.Joel and chantastic talk about doing the work, the overrated role of passion, the power of a grudge, and building yourself into your own boss...FeaturingJoel Hooks — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteLinksRich Dad Poor DadAdobe FlashSo Good They Can’t Ignore You book by Cal NewportMichael Jordan takes final shots at Hall of Fame induction30x500 product framework by Amy Hoy and Alex HillmanBrennan DunnNathan BerryPatrick McKenzieIntroduction to Robotlegs by JoelAngularJS — Superheroic JavaScript MVW FrameworkBaconBizBaconBizConf 2013 Sketchnotes by JoelBrennan Dunn’s Consultancy Masterclass Sketchnotes by JoelJohn LindquistRails TutorialDevise — Flexible authentication solution for Rails with WardenEgghead InstructorsStumbling on Happiness book by Daniel GilbertChad Pytel — thoughtbot CEOJFDI on Urbn Dictionary — “Just fucking do it”How I increased conversion 2.4x with better copywriting article by Amy Hoy on the Pain, Dream, Fix writing frameworkWes Bos as a Service tweet by Wes BosChris BiscardiKent C DoddsVojta HolikEgghead Swag StoreParty Corgi Tank TopEgghead Knit BeanieSean LarkinConvertKit — Connect with your audience. Make a living doing work you loveJust JavaScript — A course by Dan Abramov and Maggie AppletonBuilding a Second Brain by Tiago ForteRoam ResearchMy blog is a digital garden, not a blog on joelhooks.comSponsorBuild a beautiful functional React or React Native app with Infinite Red.Get two tickets to the 2021 Chain React conference when you start or refer a new project.Visit reactpodcast.infinite.red for details.

Tomasz Łakomy shares secrets to survive the rapidly changing frontend landscape.Tomasz and chantastic talk serverless, end-to-end testing with cypress, and the greatest frontend tool of all time: jQuery.FeaturingTomasz Łakomy — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteAnnouncementBuild an App with the AWS Cloud Development Kit with Tomasz Łakomy's new AWS course on eggheadLinksTomasz’ Egghead Instructor PageSleeping well at night with cypress.io by Tomasz Łakomy | React India 2019jQueryBackbone.js — structure to web applicationsMarionette — The Backbone FrameworkAWS Certification — Validate technical skills and cloud expertise to grow your career and business“When one teaches, two learn.” — Robert Heinlein on goodreadsT-shaped skills on WikipediaJoel HooksAWSLambdaDynamoDBMachine learningSQSSNSAWS CDKmongoDBRuby on RailsLearn AWS Lambda from scratchTypeScript — JavaScript that scalescypress — Fast, easy and reliable testing for anything that runs in a browserSmoke testing on WikipediaSponsorBuild a beautiful functional React or React Native app with Infinite Red. Get two tickets to the 2021 Chain React conference when you start or refer a new project. Visit reactpodcast.infinite.red for details.

To celebrate 7 years of React, we have a very special guest: Pete Hunt. He’s the one who asked us to give React just 5 minutes, to reconsider our established frontend practices, and see if separation of technologies was serving us as well as we thought. Pete tells us about the early days of React — it’s rocky community reception, Facebook’s struggle to create meaningful open source, and betting big on CommonJS and a little-known bundler named Webpack. Featuring Pete Hunt — Twitter, GitHub chantastic — Twitter, GitHub Links Tom Occhino and Jordan Walke: JS Apps at Facebook — React.js announcement at JSConf 2013 Vjeux Tom Occhino Jordan Walke Angular emberjs SproutCore Pete Hunt: React: Rethinking best practices — Pete’s landmark talk at JSConf EU 2013 Facebook Open Source James Pearce Paul O`Shannessy webpack Backbone.js page.js TypeScript Closure Compiler TypeScript Compiler API ts-morph webassembly Twitter acquires anti-abuse technology provider Smyte Sponsor Build a beautiful functional React or React Native app with Infinite Red. Get two tickets to the 2021 Chain React conference when you start or refer a new project. Visit reactpodcast.infinite.red for details.

Dave Geddes tells us about the science of learning and how he uses it to ensure success at mastery.games — where he teaches CSS layout, service workers, and more. We talk about the importance of sleep for learning, the joy of graduating from employee to entrepreneur, and how exterminating a few critters can help you master CSS Grid once and for all

This week Matt Perry tells about Magic Motion — the killer new feature for Framer Motion that makes shared element transitions easy for React developers We talk about full-stack correction for FLIP animations, the virtuous relationship between product and open source, and how “fear-driven development” kept him from finding a Magic Motion solutions earlier…

Dimitrius Clark joins us to drop some good nuggets on building community. We talk about his meetup Reactadelphia, tips for finding the best Code Bootcamps, and how to supercharge your career after graduation — using all the corniest career advice.

Chance Strickland (@chancethedev) and chantastic talk about Reach UI and building flexible libraries for the web. They talk about separation of logic with statecharts, the cascading complexity of accessibility, unopinionated approaches to styling, and the career effects of great open source.

Dominic Nguyen joins us to talk about visual regression testing for design systems with chromatic — the important differences between snapshot testing and visual testing, why the component construct was the missing piece, and how chromatic gives teams confidence.

This week on React Podcast our guest is… me! Max Stoiber takes the host seat to ask about my journey from unemployment line to React Podcaster. Nothing is off limits. We talk faith, family, cancer, death, and finding a place in tech… Thanks Max for dreaming up this episode and convincing me to do it.

Laurie Barth joins us to talk about building a career you’ll love, networking you won’t hate, and a proven strategy to beat imposter syndrome.

Adam Wathan tells us what it takes to make your own money. He’s a prolific author, podcaster, educator, open source creator, and true fullstack developer. He shares a look into what it took to make Refactoring UI and Tailwind CSS smash hits.

Chris Biscardi and I talk about using the platform — what happened in the browser while we were webpacking all-the-things-in-js. We talk about the future of JavaScript meta frameworks, a return to Rails, serverless provider lock-in, and the value of content creation in an economic downturn.

We learn from Maggie Appleton about mental models, conceptual metaphor theory, culture, creative thinking, drawing a box, and how it all comes together in her incredible Egghead course artwork.

This week we chat with Michael of React Training and learn everything we need to know about React Router v6 — what's in store, how to update, and what he's learned about empathy in the process.

We sit down with Max Stoiber and find out what it takes to find luck in open source. Max is the creator of react-boilerploit and the co-creator of styled-components and spectrum.chat.

David Khourshid is the man bringing statecharts to the frontend. We talk about XState, model-based testing with xstate-test, and the future designer/coder integration For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from David on the topic state-charts for UI development this march. Reactathon is a top React conference in the heart of San Francisco. David and I will be there, chewing people's ears off about better designer tooling. Get a ticket at reactathon.com.

Today we chat with Becca Bailey about Refactoring — how to make your React code a little more liveable, human-friendly, and ready for anything. You can hear more from Becca this march, on finding joy in refactoring. Reactathon is a top React conference in the heart of San Francisco. Becca and I will be there, passing out high fives and excited to meet you. Get a ticket at reactathon.com.

Today we chat with Evan Bacon about Expo and delivering on the illusive promise of "write once. run anywhere." For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from Evan on the topic of using Expo for universal React development this march. Reactathon is a top React conference in the heart of San Francisco. Evan and I will be there, having a good time and happy to chat with you. Get a ticket at reactathon.com.

Today we chat with Daria Caraway and learn how to build considerate React components with TypeScript. For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from Daria on this topic of developing considerate React components on the Reactathon this march. Reactathon is a top React conference in the heart of San Francisco. Daria and I will be there, high-fiving people and having a good time. Get a ticket at reactathon.com.

Conferences are a big part of the React ecosystem. This year, there's a conference that stands out from the rest: Render(ATL). Render(ATL) is a new conference in Atlanta that promises to introduce React developers to the voice and culture of the south. Today we sit with Justin E. Samuels to hear his vision for the conference, how much he loves his city, and what amazing things await attendees in Atlanta this year.

Every few months, I like to explore professions that are adjacent to programming. Today we're exploring captioning and its impact on our industry. Our guide for this industry is the fabulously giften Norma Miller of White Coat Captioning. I was captivated by her work at last year's React Rally and wanted to share with you what I learned from her. Her company does primarily technical events, which gives her an interesting vantage point into tech conference culture. We talk about typing in excess of 300 words a minute with 98% accuracy, The $6000 keyboards that make it little easier, And the open source that powers it. I think you love this chat, as we learn how captioners are making our technical events more multi-cultural, accessible, and inclusive.

We're kicking off a new decade by going back in time time to 1999, just 10 years after the birth of the internet. Our guest today is Lee Byron. He takes us on a tour of the early web and personal home pages. And connects the dots between PHP and technologies like React and GraphQL. His work — inside Facebook during a critical pivot to mobile — provides a unique vantage point on the progress of web technologies over the past 20 years.

Today we sit down with award winning cartoonist, a book apart author, web animations expert, new member to the React Core Team, and all round lovely human Rachel Nabors. We talk about her journey to React, the Woman at the Heart of React zine (from this years React Conf), and her charter to make React and React Native documentation friendly, powerful, and inclusive.

React Core Team member Suil Pai in the chair today. React is a complicated project. It's open source but lead by facebook. That's a hard pill for many to swollow. But, for it, we get a framework that's battle-tested at facebook scale — every experimental API tested by billions of users. Today, Sunil and I dive into the future of React as a UI framework, how Concurrent mode marks a shift in focus from developer experience to user experience, and what it'll take to finally get better designer tooling for React.

I'm so grateful for you. This is just a short thank you from me to you, an update on my React Suspense course, and what you can expect from React Podcast in 2020...

Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, New developer convienciences around codemods, And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps. This chat is guaranteed to help you be a quicker, happier, more productive React developer.

Today we're talking with Kitze about his transition from open source to product, what his development browser Sizzy has taught him about business, and the dangers of our hype-driven development cycles. We discuss what we think is wrong with the culture of web development today and how to keep focused on skills that won't be consumed by designer/developer robots.