React Podcast

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

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, Statecharts, and the Future of Designer—Coder Collaboration 80: Daria Caraway on Building Considerate React Component APIs with TypeScript 64: Chris Toomey on TypeScript, GraphQL, and Product Thinking 41: Be Super with TypeScript and Jared Palmer. On the when, where, what, why, and how much of TypeScript in React 5: Finite State Machines with David Khourshid 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.

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 conference when you start or refer a new project. Visit reactpodcast.infinite.red for details.

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 Planning Center Services LIVE 3.0 Announcement CoffeeScript — A little language that compiles into JavaScript Custom properties: CSS variables on MDN Bird Call Review — My first podcast with Jeremy Ricketts Original React Podcast squad Zach Silveira Jed Waston Naman Goel Michael Jackson — Hosted React Podcast 1-17 Spec Network — The incredible network that produces this very show Briefs with Chantastic Kids and Death Ambition, The Liar 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.

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 “Hell yeah!” or “no” by Derek Sivers, from Anything You Want on Amazon Lindsey Kopacz Chris Biscardi Imposter syndrome Dunning-Kruger effect Gridsome 11ty 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.

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 Schoger [Refactoring to Collections](https://adamwathan.me/refactoring-to-collections](https://adamwathan.me/refactoring-to-collections/) — Adam’s first book Nathan Berry ConvertKit Full Stack Radio episodes mentioned 5: Ryan Singer - Jobs-to-be-Done and Product Design 16: Kent Beck — Tiny Decisions and Emergent Design 32: DHH - Building Basecamp 3 like a Porsche 911 131: Ryan Singer - How Basecamp Builds Software 112: Guillermo Rauch - Building Serverless Applications with Now 126: James Long 136: Michael Chan - React Is Not a Rails Competitor — IT ME! 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.

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 Gatsby from his personal site sector on Twitter Toast on Github JamStack webpack rollup.js Service Worker API NextJS Snowpack — Build web applications with less tooling and 10x faster iteration babel-plugin-preval SVG use with External Referenc, Take 2 on CSS-TRICKS Rome — an experimental JavaScript toolchain by the creator of Babel. A compiler, linter, formatter, bundler, testing framework and more Rust — A language empowering everyone to build reliable and efficient software Rails — everything you need to build fantastic applications Babel — created by Sebastian McKenzie and maintained by Henry Zhu Rails Resource verbage GraphQL — A query language for your API RedwoodJS — Bringing full-stack to the JAMstack gRPC on Wikipedia Azure — more than 100 services to build, deploy, and manage applications—in the cloud, on-premises, and at the edge AWS Snowmobile — Migrate or transport exabyte-scale data sets into and out of AWS #staythefuckhome on Twitter Refactoring UI — Learn how to design awesome UIs by yourself using specific tactics explained from a developer’s point-of-view freeCodeCamp post COVID-19 on Twitter “be an investment, not an expense 💰” — Amy Hoy on Twitter :party-corgi: chat on Discord 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.

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 eloquentjavascript.net Tools Procreate for iPad Adobe Illustrator Keyboard Maestro illustrated.dev Joel Hooks Meat Planet — The Illustrated Notes Maggie Appleton on Open Source as a Gift on [Maintainers Anonymous] with Henry Zhu 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.

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 React Rundown with Swyx DefinitelyType Kristofer Baxter Closure Compiler Rollup @babel/preset-modules by Jason Miller tsdx by Jared Palmer microbundle by Jason Miller Lerna — A tool for managing JavaScript projects with multiple packages Brian Vaughn React Training Workshops and Instructors 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.

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