React Podcast

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

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 Justic

FeaturingRyan Florence — Twitter, Website, GitHubMichael Jackson — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksRemix — a killer React framework from the creators of React RouterTanner Linsleyremix package on npm but for regex  

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 RedIn 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 fram

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 WikipediaSpons

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 N

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 Featuring Dave Geddes — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links React Rally A Complete Guide to Flexbox on CSS-TRICKS Flexbox Zombies on mastery.games How to write tweet by @chantastic Finish: Give Yourself the Gift of Done book by Jon Acuff CSS Grid Layout Jen Simmons Rachel Andrew The Tetris Effect a talk by Dave at ng-conf 2018 Service Workies — Learn Service Workers inside and out with the new game of Service Worker Day9TV — Be a Better Gamer Why We Sleep: Unlocking the Power of Sleep and Dreams — book by Matthew Walker, PhD Procedural memory (unconscious memory) on Wkipedia Get Started with Debugging JavaScript in Chrome DevToo

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… Featuring Matt Perry — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links 35: Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web 27: React Today and Tomorrow with the React Core Team The Path To A Declaratively Animated Future — Matt’s talk at React Conf 2018 Pose — A truly simple animation library for React, React Native, and Vue Popmotion — Simple libraries for delightful interfaces Framer — Always interactive, lightning fast design Framer Motion — An open source React library to power production-ready animations. Design fluid animations for the web, across desktop

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. Featuring Domitrius Clark — twitter, github, egghead chantastic — twitter, github, egghead Links Chance the Dev podcast Domitrius’ Egghead profile Cloudinary — efficiently manage, optimize, and deliver images, videos and other media across every device and channel Reactadelphia Sarah Wylie Ryan Harris Dorlorian Dickson Cody Casey Zak Butcher Ali Spittel Kent C. Dodds Jason Lengstorf calendly — schedule meetings without the back-and-forth emails Unemployment by chantastic Write Fewer Tests! From Automation to Autogeneration - David Khourshid - React Rally 2019 Party Corgi Network Chris Biscrdi CodeNewbie — the most supportive community of programmers and people learning to code Saron Yitbarek Sponsor Build a beautiful functional React or React Native app

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. Featuring Chance Strickland — Twitter, GitHub, Website chantastic — Twitter, GitHub, Website Links Reach UI — An accessible foundation of your React-based design system. ListBox Component Menu Button Component Tabs Component Styling Reach UI Ryan Florence on Twitter statecharts — a quick introduction xstate by David Khourshid @xstate/fsm React Training — Learn from the creators of React Router and Reach UI TypeScript — JavaScript that scales React useReducer Hook lerna — A tool for managing JavaScript projects with multiple packages tsdx — Zero-config CLI for TypeScript package development by Jared Palmer Modulz — The visual code editor Chance The Developer Podcast Related episodes 83: David Khourshid on XState

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. Chromatic’s free plan will be hitting shelfves next week. We are ahead of it by just a few days. But if you want to try it out today, Start a 30-day trial and switch to the new, free plan next week. Featuring chantastic — Twitter, GitHub Dominic Nguyen — Twitter, GitHub chromatic —Twitter, Website, Blog Links chroma — We build tools to help frontend developers build, test, and share UI components Storybook — An open source tool for developing UI components in isolation for React, Vue, and Angular Writing Stories in Storybook atomic design by Brad Frost Jest Snapshot Testing Kurt Kemple BackstopJS chromatic 2.0 beta prettier Sponsor Build a beautiful functional React or React Native app with Infinite Red. Get two tickets to the 2021 Chain React c

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. Featuring chantastic — Twitter, Website, GitHub Max Stoiber — Twitter, Website, GitHub Links Waiting for Autumn — Memories of You on YouTube —  A super embarrassing song and slideshow by by early 2000's emo band Now I know Forever, Waiting for Autumn on SoundCloud My 1998 show choir picture on Twitter How to build a blog engine in 15 minutes with Ruby on Rails CodeIgniter — A powerful PHP framework with a very small footprint ExpressionEngine Classic Showcase — My first contract design and CMS Hot Garbage Clean Code is Dead on YouTube ember — A framework for ambitious web developers 136: Michael Chan - React Is Not a Rails Competitor on Full Stack Radio Thinking in React, talking about one-way data flow Planni

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. Featuring Laurie Barth — Twitter, Website, Github, egghead chantastic — Twitter, Website, GitHub, egghead Notes and Links The test of a first-rate intelligence is the ability to hold two opposed ideas in the mind at the same time, and still retain the ability to function. One should […] be able to see that things are hopeless and yet be determined to make them otherwise — F. Scott Fitzgerald Gatsby Team Gatsby Cloud So Good They Can’t Ignore You: Why Skills Trump Passion in the Quest for Work You Love by Cal Newport, on Amazon (“career capital”) How to talk like an Engineer by Laurie, on YouTube Gatsby.js Tutorials 0. Set Up Your Development Environment Svelte React Hooks React Concurrent Mode “assume the reader has zero prior knowledge but infinite intelligence” quoted by Dan Abramov on Twitter Hot Garbage Clean Code is Dead — by Me, on YouTube Kim Maida “Hel

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. Featuring Adam Wathan — Twitter, Website, Github, egghead chantastic — Twitter, Website, GitHub, egghead Links tailwindcss — A utility-first CSS framework for rapidly building custom designs [tailwindui] (https://tailwindui.com/) — Beautiful UI components, crafted by the creators of Tailwind CSS Refactoring UI — Design awesome UIs by yourself using specific tactics explained from a developer’s point-of-view tailwindui launch tweet Utility-First — description on tailwindcss.com Vue.js — The Progressive JavaScript Framework Laravel — The PHP Framework for Web Artisans Resistance — articles by author Steven Pressfield Justin Jackson on people like Adam Wathan Test Driven Laravel — A course by Adam Wathan Reaper — A complete digital audio production application Steve Schog

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. Featuring Chris Biscardi — Twitter, Website, Github, egghead chantastic — Twitter, Website, GitHub, egghead Links Gatsby — build blazing fast websites and apps Wordpress MDX — Markdown for the component era Slate — A customizable framework for building rich text editors Netlify Functions AWS Lambda Party Corgi Tank Top Joel Hooks on Twitter [illustrated.dev] — Illastrated Explanations & Notes by Maggie Appleton 86: Maggie Appleton on the Power of Mental Models — last week’s episode with Maggie on illustrated.dev and the power of cognative metaphors Composable Gatsby Themes course on egghead Build an App with React Suspense course on egghead Shipping Sector, Toast, and more — Chris’ introduction post on removing Gats

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. Featuring Maggie Appleton — Twitter, Website, Dribbble chantastic — Twitter, Website, GitHub Links egghead Build an App with React Suspense — my suspense course on egghead iconfactory justjavascript.com State Monad in JavaScript on egghead Deep Work: Rules for Focused Success in a Distracting World by Cal Newport — on Myelination Conceptual Metaphor Theory on Wikipedia George Lakoff on Wikipedia Cultural anthropology on Wikipedia Sketching and Logo Creation (with Maggie Appleton) — Learn With Jason Language Tools OneLook The Phrase Thesaurus Online Etymology Dictionary “Yes, and…” thinking on Wikipedia Lateral thinking on Wikipedia Po (provocative operation) Lateral Thinking: Creativity Step by Step by Edward De Bono Draw A Box Higher-order component on reactpatterns.com Higher-order function on eloquentja

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. Featuring Michael Jackson — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub React Suspense Course Get up to speed fast on React Suspense in my crash course at reactsuspense.com! Links 75: Sunil Pai on The Future of UI Frameworks React Training react-router reach-ui history on npm Chance Strickland Navigation Blocking in history v5 — Michael's screencast illustrating histoyr.block() reach-router render prop pattern Tim Dorr Component Component on Twitter React Hooks React Suspense Relay usePreloadedQuery Build an App with React Suspens — Chantastic's course on Suspense 71: Joe Savona on Relay and Data Fetching with Suspense preact-router NextJS React Router Hooks Route component prop Route render prop @ryanflorence on Push vs Pull APIs 69: The Suspense is Almost Over — A Pre-ReactConf Concurrent Rea

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. Featuring Max Stoiber — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links GitHub Gatsby spectrum styled-components react-boilerplate left-pad hackernews I want you to contribute to open source — Max's Talk at React Rally 2017 Stripe open source Nick Graph Jed Watson thinkmill Glen Madden CSS Modules tagged-template literal styled-components v4 announcement tweet Make it Work. Make it Right. Make it Fast — Kent Beck and UnixWay Bryn Jackson Brian Lovin Design Details podcast Spec Network Preact Blocks Announcement by John Otander Blocks UI React Podcast with Sunil Pai Brent Jackson John Otander