React Podcast

Featuring
Cassidy Williams — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion in Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Thursday at 10am CT for a friendly chat with Cassidy Williams.
It's fun, interactive and all are welcome!
Links Cassidy's Newsletter 40: Lift as you Climb with Cassidy Williams Go: On the Go! — A travel-sized, handmade Go set for Make 100! Remotely Interesting Podcast by Netlify008: Pandemic Pair and Mob Programming Jamstack Explorers learning platform People mentioned Sponsors Retool
Build 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/reactpodcast
Honeybadger
When 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 .
Get involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
TJ VanToll — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Thursday at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Links DevReach 2020 CodeItLive on Twitch React Wednesdays StreamYard Sponsors Honeybadger
When 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 .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Tim Neutkens — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Friday at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Links Next.js 10 announcement Next.js Conf 2020 Keynote Next.js Analytics 53:Embrace the PHP with Next.js, Featuring Tim Neutkens — our previous episode with Tim Next Tutorial Sponsors Honeybadger
When 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 .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Tyler McGinnis — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Friday at 10am CT for a friendly chat thru the latest episode with Tyler McGinnis.
It's fun, interactive and all are welcome!
Discord invite
Links
Get 25% off ui.dev this Black Friday!
ui.dev — Master the JavaScript Ecosystem My silly collection of React stickers React Conf 2015 , 2016 , 2017 , and 2018 Sponsors Honeybadger
When 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 .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Henry Zhu — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Thursdays at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Discord invite
Links Babel Babel on Open Collective Babel on GitHub Sponsors Source with Nadia Eghbal Working in Public: The Making and Maintenance of Open Source Software by Nadia Eghbal 11: City as Litergy (Bonus) episode on Source The Death and Life of Great American Cities on Amazon (Affiliate Link) Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Jenn Creighton — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Thursdays at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Discord invite
Links React is Fiction at React Conf 2019 The How and Why of Flexible React Components at ReactJS Girls Conference 2019 "apropcalypse " — a term Jenn coined for the eventual state of non-composable components Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Tom Preston-Werner — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Discord
Join the discussion Discord 🎉🎊🥳

Listeners of React Podcast are chatting on Discord!
Join us Thursdays at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Discord invite
Links RedwoodJSGitHub Twitter Community Discord repeater.dev — Background job processing for the Jamstack Netlify Functions Fauna Meteor target='_blank' rel='nofollow' Yarn Workspaces Apollo 3.0 Apollo Server Prisma Jest Storybook Chris Wanstrath Rob Cameron David Price RedwoodJS Authentication in 5 minutes by Tom on YouTube Redwood deploy targets AWS Fargate Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

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

Listeners of React Podcast are chatting on Discord!
Join us Thursdays at 10am CT for a friendly chat thru the latest episode.
It's fun, interactive and all are welcome!
Featuring
Marcy Sutton — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links Front-End Accessibility Masterclass with Marcy Sutton on November 6th with Smashing Web Accessibility resources — curated list of Marcy's favorite accessibility tools, books, and resources Fable — Test accessibility with real people, online AccessWorks by Knowbility — Connect businesses to users with disabilities #ally , #accessibility hashtags on Twitter Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Eli and Subscribe for future chats!
Featuring
Eli White — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links React Native Team Principles on the React Native blog, July 17, 2020 ComponentKit — A declarative UI framework for iOS Litho — Litho: A declarative UI framework for Android Flutter — Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. SwiftUI Jetpack Compose — Android’s modern toolkit for building native UI Expo — The fastest way to build an app React Native: Discussions and Proposals Fast Refresh Microsoft Code Push — App Center cloud service that enables Apache Cordova and React Native developers to deploy mobile app updates directly to their users’ devices React Native Windows on GitHub Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Swyx and Subscribe for future chats!
Featuring
Shawn Swyx Wang — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links The Coding Career Handbook — The Missing Manual
For Junior To Senior Devs r/react on reddit CSS4 on css-tricks Lindy Effect on Wikipedia "Life punishes the vague wish and rewards the specific ask." — Tim Ferriss, target='_blank' rel='nofollow' Tribe of Mentors Big L Notation on swyx.io wizard zines — by Julia Evans Code Cartoons by Lin Clark Atomic Habits on Amazon Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative
As an Amazon Associate I earn from qualifying Amazon purchases.

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Rick and Subscribe for future chats!
Featuring
Rick Casey — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links DIM — Destiny Item Manager — Control Your Items Your Way DIM on GitHub DIM on open collective DIM Discord bungie.net API Ben Hollis Kyle Shay Dave Solomon Sponsors AWS Amplify
AWS Amplify is the fastest, easiest way to develop web and mobile apps that scale.
Get started building a React app today, check out the tutorial on AWS Amplify today, visit awsamplify.info/react .
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Kent and Subscribe for future chats!
Featuring
Kent C. Dodds — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links Epic React by Kent C. Dodds — Confidently Ship Well-Architected Production Ready React Apps Like a Pro. 30% off when this episode goes live. Epic React Podcast with Kent C. Dodds and chantastic Testing Library — Simple and complete testing utilities that encourage good testing practices The Beginner's Guide to React by Kent C. Dodds. Free on egghead Advanced React Component Patterns by Kent C. Dodds. on egghead KCD Discord KCD Learning Clubs Related React Podcast episodes 47: Develop Your Career with Kent C Dodds 21: Delete Your Components with Kent C. Dodds Sponsors Infinite Red
In 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 .
imgIX
imgIX helps you deliver sharp, snappy images to customers with a powerful image processing and a simple API — delivered on a global CDN.

Get a $300 account credit by visiting imgix.com/reactpodcast .
Get involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Chris and Subscribe for future chats!
Featuring
Chris Biscardi — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links Party Corgi Network Discord Party Corgi Podcast CodeNewbie Using a dSLR as a Webcam for Live Streaming by Joel Hooks Knoword by Trevor Blades Related React Podcast episodes 50: Code and Trust with Saron Yitbarek 62: Chris Biscardi on Gatsby Themes and Developing a Content Pipeline 87: Chris Biscardi on a Post-Webpack Web Development 91: Dominic Nguyen on Chromatic and Visual Regression Testing Sponsors Infinite Red
In 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 .
imgIX
imgIX helps you deliver sharp, snappy images to customers with a powerful image processing and a simple API — delivered on a global CDN.

Get a $300 account credit by visiting imgix.com/reactpodcast .
Get involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Sam and Subscribe for future chats!
Featuring
Sam Selikoff — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links Frontend First Podcast with Sam Selikoff and Ryan Toronto EmberMap — videos for professional Ember.js developers NextJS Mirage — Build complete frontend features, even if your API doesn't exist Firebase Hasura JSON API Sam's Recipe Site Netlify Auth Firebase Auth Sponsors Infinite Red
In 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 .
imgIX
imgIX helps you deliver sharp, snappy images to customers with a powerful image processing and a simple API — delivered on a global CDN.

Get a $300 account credit by visiting imgix.com/reactpodcast .
Get involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

News!
We have a YouTube channel for React Podcast 🥳
Watch the livestream of this chat with Gant and Subscribe for future videos!
Featuring
Gant Laborde — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links Improve Your Virtual Setup — Sound by Gant Improve Your Virtual Setup — Video by Gant Gant Laborde - Taming the Machine (feat. Nicolas Cage) at React Native EU 2018 Not Hotdog in the App Store AutoML academy.infinite.red — Friendly courses from active consulting experienceAI Demystified: 5-Day Mini-Course Beginning Machine Learning with TensorFlow.js Sponsors Retool
Build 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/reactpodcast
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Vaidehi Joshi — Twitter , GitHub , Website
chantastic — Twitter , GitHub , Website
Links basecs.org — Exploring the basics of computer science, every Monday, for a year baseds.org — Exploring the basics of distributed systems, every alternate Wednesday, for a year React Component Patterns by chantastic (2017 — when I still used "dumb" inappropriately) Bits, Binary, and Bytes — basecs podcast where Vaidehi and Saron Yitbarek talk binary Compressing Radix Trees Without (Too Many) Tears — The most difficult post in the series Vaidehi on dev.to BaseCS Video series and dev.to BaseCS Season 2 series on dev.to Byte Sized Season 1 series on dev.to Sponsors Retool
Build 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/reactpodcast
Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

The Opinionated Guide to React by Sara Vieira CodeSandbox
I'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 :)
Sponsors Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring
Nikolas Burk — Twitter , GitHub
chantastic — Twitter , GitHub
Links Prisma — Modern Database Access for TypeScript & Node.js ORM, Object-relational mapping on Wikipedia graph.cool (sunset product) GraphQL Chris on Code — Learning Prisma and Postgres on DigitalOcean w/ Ryan Chenkie [Livestream] Sponsors Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring Tom Coleman — Twitter , Website , GitHub chantastic — Twitter , Website , GitHub Links Storybook 6.0 Announcement Introduction to Storybook for React chromatic — Ship UIs faster with automated workflows for Storybook chromatic blog and twitter Component-Driven Development — article by Tom People mentioned Michael Shilman Dominic Nguyen Zoltan Olah Arunoda Susiripala Norbert de Langen Sponsors Infinite Red
In 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 involved Black Lives Matter
Please join us in donating to the Equal Justice Initiative

Featuring Jani Eväkallio — Twitter , Website , GitHub chantastic — Twitter , Website , GitHub Links Foam — a personal knowledge management and sharing system inspired by Roam Research, built on Visual Studio Code and GitHub Foam Discord This is a Talk About You , React Native 2018 talk [Roam Research](https://roamresearch.com — a note-taking tool for networked thought Building a Second Brain by Tiago Forte Sponsors Infinite Red
In 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.
Honeybadger
When 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 Matter
Please join us in donating to the Equal Justice Initiative

Featuring Pariss Athena — Twitter , Website chantastic — Twitter , Website Links #BlackTechTwitter hashtag search to Twitter Black Tech Pipeline Diversity, Equity, and Inclusion @ParissAthena 's tweet on why she is specific about helping Black and Brown technologists, not PoC (people of color) Corrections
There 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).
Sponsors Infinite Red
In 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.
Honeybadger
When 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 Matter
Please join us in donating to the Equal Justice Initiative

Featuring Eve Porcello — Twitter , Website , GitHub Adam Banks — Twitter , Website , GitHub chantastic — Twitter , Website , GitHub Links Learning React, 2nd Edition Moon Highway - professional web development trainings 30 Day Free Trial for O’Reilly GraphQL is for Everyone monthly webinars Sponsors Infinite Red
In 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.
TestCafe
A 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 Matter
Please join us in donating to the Equal Justice Initiative

Featuring Chris on Code — Twitter , Website , GitHub chantastic — Twitter , Website , GitHub Links MakeReactApps.com — Build real-world React projects Wes Bos React Hooks ScreenFlow Dreamweaver Nicholas Cerminara , scotch.io co-founder Jamstack jwt — JSON Web Token BuySellAds 100: The Business of Remix with Ryan Florence and Michael Jackson Redwoodjs Airtable Notion TypeScript Visual Studio Code Sponsors Infinite Red
In 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.
TestCafe
A 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 Matter
Please join us in donating to the Equal Justice Initiative

Featuring Ryan Florence — Twitter , Website , GitHub Michael Jackson — Twitter , Website , GitHub chantastic — Twitter , Website , GitHub Links Remix — a killer React framework from the creators of React Router Tanner Linsley remix package on npm but for regex 😅 Chance Strickland 92: Chance Strickland on Reach UI and Building Composable Open Source on React Podcast Reach UI shadowbox-js by Michael Jackson tailwindcss and tailwindui from Adam Wathan and Steve Schoger MIT License Sidekiq — simple, efficient background processing for Ruby Kendo UI ag-Grid Binomial by Stephanie Hurlburt and Rich Geldreich 88: Adam Wathan on Making Your Own Money, Refactoring UI, and tailwindcss on React Podcast Nailing Your First Launch by talk by Adam Wathan and Recap post (text) Sponsors Infinite Red
In 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.
TestCafe
A 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 Matter
Please join us in donating to the Equal Justice Initiative

Remix — a killer React framework from the creators of React router React router — Declarative Routing for React 85: Michael Jackson on React router v6 and Empathy in Open Source on React Podcast Ruby on Rails DHH — David Heinemeier Hansson, inventor or Rails Turbolinks PJAX CodeIgniter Ember routing — inspiration for nested UI Marcy Sutton 75: Sunil Pai on The Future of UI Frameworks on React Podcast React Router useLocationPending in v6.0.0-alpha.4 release Concurrent Mode in React unpkg HTTP caching Yahuda Katz — creator of ember Tom Dale — creator of ember Sponsor
Infinite Red

In 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 Matter
Please 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...
Featuring
Joel Hooks — Twitter , GitHub , Website

chantastic — Twitter , GitHub , Website
Links Rich Dad Poor Dad Adobe Flash So Good They Can’t Ignore You book by Cal Newport Michael Jordan takes final shots at Hall of Fame induction 30x500 product framework by Amy Hoy and Alex Hillman Brennan Dunn Nathan Berry Patrick McKenzie Introduction to Robotlegs by Joel AngularJS — Superheroic JavaScript MVW Framework BaconBiz BaconBizConf 2013 Sketchnotes by Joel Brennan Dunn’s Consultancy Masterclass Sketchnotes by Joel John Lindquist Rails Tutorial Devise — Flexible authentication solution for Rails with Warden Egghead Instructors Stumbling on Happiness book by Daniel Gilbert Chad Pytel — thoughtbot CEO JFDI 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 framework Wes Bos as a Service tweet by Wes Bos Chris Biscardi Kent C Dodds Vojta Holik Egghead Swag Store Party Corgi Tank Top Egghead Knit Beanie Sean Larkin ConvertKit — Connect with your audience. Make a living doing work you love Just JavaScript — A course by Dan Abramov and Maggie Appleton Building a Second Brain by Tiago Forte Roam Research My blog is a digital garden, not a blog on joelhooks.com 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.

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.
Featuring
Tomasz Łakomy — Twitter , GitHub , Website

chantastic — Twitter , GitHub , Website
Announcement Build an App with the AWS Cloud Development Kit with Tomasz Łakomy's new AWS course on egghead Links Tomasz’ Egghead Instructor Page Sleeping well at night with cypress.io by Tomasz Łakomy | React India 2019 jQuery Backbone.js — structure to web applications Marionette — The Backbone Framework AWS Certification — Validate technical skills and cloud expertise to grow your career and business “When one teaches, two learn.” — Robert Heinlein on goodreads T-shaped skills on Wikipedia Joel Hooks AWS Lambda DynamoDB Machine learning SQS SNS AWS CDK mongoDB Ruby on Rails Learn AWS Lambda from scratch TypeScript — JavaScript that scales cypress — Fast, easy and reliable testing for anything that runs in a browser Smoke testing on Wikipedia 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.

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

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 DevTools on developers.google.com
grid critters — Makes building modern layouts a snap
vim.guide my guide to Vim letter-by-letter
Overwatch Hero Picker with CSS CSS Grid tutorial by Dave
Web Animations API on MDN
CSS Houdini on MDN
clip-path on MDN
mastery.games
Twitter

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 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 and mobile
“USP” — unique selling proposition on Wikipedia
Apple Keynote
@framer magic motion search on Twitter
FLIP Your Animations by Paul Lewis
Framer Motion AnimatePresence implementation on GitHub
[Framer Motion `SyncLayout] implementation](https://github.com/framer/motion/blob/07bc47044780a0399c0e2bd02f74719c22bcaa52/src/components/SyncLayout.tsx) on GitHub
react-three-fiber

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.

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

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.

Featuring

David Khourshid — Twitter , GitHub , CodePen
chantastic — Twitter , Website , GitHub

Links

XState

XState Docs
XState Visualizer

Redux
Constructing the User Interface with Statecharts by Ian Horrocks on Amazon
Statecharts: A Visual Formalism for Complex Systems by David Harel
Welcome to the world of Statecharts by Erik Mogensen
RxJS
Lodash
Finite-state machine on Wikipedie
State diagram on Wikipedie
SCXML — State Chart XML on Wikipedia
mukeshsoni/statechart-calculator
A javascript calculator built with Xstate and Vue — built on the statechart above
React Context
RxJS Observable
Concurrent computing on Wikipedia
Cooperative multitasking on Wikipedia
Screen tearing on Wikipedia
Deterministic system on Wikipedia
Beyond React 16 | JSConf Iceland by Dan Abramov
Actor Model on Wikipedia
use-subscription

On GitHub
On NPM

Write Fewer Tests! From Automation to Autogeneration — David's announcement of Xstate/test at React Rally 2019

Model-based testing
@xstate/test
xstate-test-demo
Given-When-Then on Wikipedia
[Cucumber syntax]https://en.wikipedia.org/wiki/Cucumber_(software)#Syntax) on Wikipedia

Adobe Xd
Sketch
Sunil Pai on Twitter
inVision
Framer
Sketch.systems
Subform
Storybook
useState
useReducer
useMachine from @xstate/react
keyframers

@shshaw

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.

Featuring

Becca Bailey — Twitter , Website , GitHub
chantastic — Twitter , Website , GitHub

Links

Formidable
The State of React State in 2019 | Becca Bailey
Shape Up: Stop Running in Circles and Ship Work that matters
Refactoring: Improving the Design of Existing Code
Testing JavaScript with Kent C. Dodds
The different types of tests — Atlassian
React Testing Library
Enzyme
Jest Snapshot Testing
React Concurrent Mode
"for each desired change, make the change easy (warning: this may be hard), then make the easy change" — Kent Beck
ESLint
Sarah Mei — The Power of Agile
Konmari Your Code: Finding Joy in Refactoring — Becca's upcoming Reactathon talk

Today we chat with Evan Bacon about Expo and delivering on the elusive 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 .

Featuring

Evan Bacon — Twitter , GitHub , YouTube
chantastic — Twitter , Website , GitHub

Links

Life Size Lego Thor Build!
Expo — The fastest way to build an app

@expo/electron-adapter
@expo/next-adapter
Platform Specific Code
ErrorRecovery
Camera
Video

James Ide
Brent Vatne
React Native
Software Mansion
React Native for Web by icolas Gallagher

StyleSheet.create

react-native-dom
microsoft/react-native-windows — A framework for building native Windows apps with React
Metro — 🚇 The JavaScript bundler for React Native
Introducing Twitter Lite on the Twitter engineering blog
react-native-web-hooks
react-spring
Animated (React Native)
Expo Crossy Road source and site
Expogram source and site
jest-expo
jest-expo-enzyme
jest-expo-puppeteer
Expo on Twitter

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 .

Featuring

Daria Caraway — Twitter , Website
chantastic — Twitter , Website , GitHub

Links

workday
PropTypes
TypeScript

Interfaces
Utility Types

Partial
Pick

Any
Unkown
Declaration Files

flow
Visual Studio Code
WebStorm
CoffeeScript
DefinitelyTyped
How to Have an Amicable Breakup With A JavaScript Library | Daria Caraway | CascadiaJS 2019 on YouTube
Intergration

Babel: @babel/preset-typescript
Webpack: ts-loader
React & Webpack guide

Forking vs Spooning — A snippet from Jafar Hussain's React.js Conf 2015 talk Beyond the DOM: How Netflix plans to enhance your television experience

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.

Featuring

Justin E. Samuels — Twitter , Instagram , GitHub
chantastic — Twitter , Website , GitHub

JS and React

Discover the 5 overlooked JavaScript features that separate good and great React developers.

Learn these 5 JavaScript patterns for React developers at jsandreact.com

Links

Render(ATL) — Culture, Inclusion, React
Mailchimp
Software Engineer Levels at Google, Facebook, and Microsoft from levels.fyi
MagnoliaJS Conference
Render(ATL) Food
"The South Got Something to Say" — Andre 3000
The Gathering Spot ATL
DJ Hourglass
React Podcast listeners sponsored two attendees : @shanster_242 and @donilovesyou

Developers Mentioned

J.C. Hiatt
Ken Wheeler
Nader Dabit
Zackary Chapple
Chance
Sophie Alpert
Pariss Athena
Christian Nwamba
AJ Williams
Hack Sultan

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.

Featuring

Norma Miller — Twitter , Website
chantastic — Twitter , Website , GitHub

JS and React

Discover the 5 overlooked JavaScript features that separate good and great React developers.

Learn these 5 JavaScript patterns for React developers at jsandreact.com

White Coat Captioning
Stenotype on Wikipedia
Chorded keyboard on Wikipedia
Open Steno Project — Bringing stenography to everyone
Plover — 100% free, open source steno program
Curb cut on Wikipedia
The Curb-Cut Effect on SSIR.org
Curb Cuts on 99% Invisible

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.

Featuring

Lee Byron — Twitter , Website , GitHub
chantastic — Twitter , Website , GitHub

JS and React

Discover the 5 overlooked JavaScript features that separate good and great React developers.

Learn these 5 JavaScript patterns for React developers at jsandreact.com

Links

Let's Program Like It's 1999 | Lee Byron — from React Conf 2019
Links (web browser) on Wikipedia
PHP on Wikipedia
LAMP stack on Wikipedia
Tim Berners-Lee on w3.org
30 years on, what’s next #ForTheWeb? on webfoundatios.org
myspace
Internet: A First Discovery Book Hoodie
Vaporwave on Wikipedia
Hack/XHP
JSX
Source-to-source compiler on Wikipedia
Tom Occhino and Jordan Walke: JS Apps at Facebook — React and JSX's public announcement at JSConf US 2013
Pete Hunt: React: Rethinking best practices — defending JSX at JSConf EU
GraphQL: The Documentary — by Honeypot on YouTube
honeypot.originals on YouTube
graphql.org
relay.dev
graphql/graphql-js
graphql-ruby.org
reactjs/react-rails
64: Chris Toomey on TypeScript, GraphQL, and Product Thinking — on React Podcast
Robinhood — commission-free investing
Robinhood careers
GraphQL Foundation
The Linux Foundation — Supporting Open Source Ecosystems
GraphQL org on Github

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 year's React Conf), and her charter to make React and React Native documentation friendly, powerful, and inclusive.

Featuring

Rachel Nabors — Twitter , GitHub , Website
chantastic — Twitter , Website , GitHub

Links

React Conf 2019
Women at the Heart of React

Xyra (Zine Illustrator)
Yuzhi Zheng
Luna Ruan
Flarnie Marchan
Sophie Alpert
Monica Powell
Sara Vieira
Greta Strolyte
Raquel Candeias
Jessica Franco

Women at the Heart of React — Zine in the Wild

Zines in the wild at React Conf 2019
Stickers and Foil posters
@QueerJS in NYC with @waterproofheart
Oslo with @elisabethirg
@ParissAthena
Around React Conf with @waterproofheart , @Zizzamia , and @tanvibhakta_

React Community Stories — In-depth and ongoing profiles on Women at the Heart of React on Medium
Sailor Moon
Building a Custom React Renderer | Sophie Alpert at React Conf 2019
Animation at Work — Rachel's Book with A Book Apart
Web Animations Documentation on MDN
React Native Docs
basecs — with Vaidehi Joshi

Sponsors
Linode

Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

React Core Team member Sunil 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.

Featuring

Sunil Pai — Twitter , GitHub
chantastic — Twitter , Website , GitHub

Links

23: Ditch Authority with Sunil Pai — Previous React Podcast with Sunil Pai
Dan Abramov
Dominic Gannaway
Rachel Nabors
Sunil Pai - The “Something” Statements at React Rally
useTransition
useDeferredValue
Umbrella React Flare — the umbrella issue on GitHub #15257
Twitter Lite
Do This to Improve Image Loading on Your Website — Jen Simmons on image loading improvements in the browser
OOCSS — A CSS architecture by Nicole Sullivan
webflow — Break the code barrier
SwiftUI — Better apps. Less code.
Gatsby — Fast in every way that matters
Next — The React Framework
Brent Jackson
John Otander
MDX
Components AI — Experimental platform for exploring generative design systems
CSS Grid Layout
webflow grid editor
Framer — Always interactive, lightning fast design
"Useez" — Tired: Hooks. Wired: Useez

Sponsors
Linode

Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

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.

Featuring

chantastic — Twitter , Website , GitHub

Links

reactsuspense.com — An ugly site with links to my new React Suspense course and newsletter

Sponsors
Linode

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

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.

Featuring

Brian Vaughn— Twitter , Website , GitHub
chantastic — Twitter , Website , GitHub

Links

Introducing the New React DevTools on the React docs
Interactive React Dev Tools Tutorial
React Developer tooling | Brian Vaughn at React Conf 2019
React Profile Tooling | Brian Vaughn at React Conf 2018 (last year)
Fast Refresh on the React Native docs
reactjs/react-codemod
webpack
Metro
Parcel
Preparing for the Future with React Prereleases — Introduction of React Release Channels
Introducing Concurrent Mode (Experimental)

useTransition Hook
useDeferredValue Hook

Progressive Web Animations | Alexandra Holachek at React Conf 2019
Data Fetching With Suspense In Relay | Joe Savona at React Conf 2019
Day 1 Keynote | Yuzhi Zheng at React Conf 2019

G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

G2i : We Vet, You Get Hired, It's that Simple.

Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

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.

Featuring

Kitze— Twitter , Website , GitHub
chantastic — Twitter , Website , GitHub

Links

React Live — Amsterdam
Navigating the Hype Driven Frontend Development World — from React Live 2019
ok-google.io — a list of commands that you can ask Google's voice assistant
Twizzy — Focus on messages and tweeting. The timeline can wait
Sizzy — The browser for developers and designers
React Academy — React and JavaScript workshops with Kitze
Nik Graf
Sara Vieira
RailsBridge — Learn to code or level up with RailsBridge
CodeSandbox — The online code editor for React (and others)
KITZE - THE PLATFORM ™ (DISS TRACK RAP LYRICS VIDEO 2018 4K ROFL) — on YouTube
KITZE - JUNIOR FOR LIFE (10X ENGINEERS DISS TRACK 2019 4K LMAO) — on YouTube
GitHub stars won’t pay your rent by Kitze
Introducing Sizzy —A tool for developing responsive websites crazy-fast by Kitze
⚡️ From React to an Electron app ready for production by Kitze

Sponsors
G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

G2i : We Vet, You Get Hired, It's that Simple.

Clubhouse

Clubhouse is project management that brings everyone, on every team, together.

They've made all core features completely free for teams with up to 10 users.

React Podcast listeners get 2 months free on any paid plan.

Get your project back on track at clubhouse.io/react .

In the immortal words of TLC, "Don't go chasing waterfalls".

Turns out they're really easy to find in React today.

Joe Savona joins us to talk about avoiding waterfalls in your React code.

He's here for our 2nd of 6 React Conf 2019 interviews to talk about data-fetching strategies with Suspense.

Joe has spent the last year working with the React team in developing a relay-suspense integration for the new facebook.com.

He shares the lessons and patterns they've learned and how they're baking great user experience into Relay.

Fetch-on-render, fetch-then-render, and Render-as-you-fetch are patterns you'll be hearing more often as Suspense picks up steam.

Thankfully, in today's episode Joe helps us navigate that verbiage and determine what our first steps with Suspense should be.

Featuring

Joe Savona — Twitter , GitHub

Michael Chan — Twitter , Website , GitHub

Links

Data Fetching With Suspense In Relay | Joe Savona — Joe's React Conf 2019 talk on Relay Hooks and Suspense at Facebook
Building The New Facebook With React and Relay | Ashley Watkins — Ashley's talk on Relay at Facebook

Selective hydration
progressive hydration
@defer
@stream
@module

Relay — A JavaScript framework for building data-driven React applications
Relay Hooks — Experimental Concurrent Mode APIs
Relay Hooks: A Step By Step Guide
Concurrent Mode API Reference

Suspense
SuspenseList
useTransition
useDeferredValue

Data fetching patterns

fetch-on-render
fetch-then-render
render-as-you-fetch

Relay Runtime
Relay Compiler
Tagged template literals
GraphQL Fragments
Sophie Alpert — React team manager emeritus
Yuzhi Zheng — Manager of React and Relay teams
Hack — Programming Productivity Without Breaking Things

Sponsors
Linode

Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Clubhouse

Clubhouse is project management that brings everyone, on every team, together.

They've made all core features completely free for teams with up to 10 users.

React Podcast listeners get 2 months free on any paid plan.

Get your project back on track at clubhouse.io/react .

Today we kick off our first of 6 React Conf interviews.

We start with Andrew Clark to learn what this React Conf 2019 means for us — our libraries and apps.

He's a core team member who cut his React teeth on the fiber re-write and he's been deep in Concurrent React for 3 years.

We chat about future features, prerelease channels, and how Suspense is preparing the way for others to bring cooperative concurrency to their libraries, applications, and frameworks.

Featuring

Andrew Clark — Twitter , GitHub
chantastic — Twitter , Website , GitHub

Links

6: Async React with Andrew Clark — Andrew on React Podcast in 2018
27: React Today and Tomorrow with the React Core Team — Our interview with the React Core team in 2018
Sebastian Markbåge — React Core Team Lead
React Fiber rewrite
React 16 APIs

Fragments
Hooks
Error Boundaries
Portals
Code-Splitting w/ React.lazy and Suspense

Preparing for the Future with React Prereleases — on the React Blog
Introducing Concurrent Mode (Experimental) — docs on Concurrent Mode
Concurrent Mode API Reference

Suspense
SuspenseList
useTransition
useDeferredValue

scheduler
Andrew Clark: React Suspense — at Zeit Day 2018
Building The New Facebook With React and Relay | Ashley Watkins — Introduction to Progressive and Selective Hydration at Facebook
Data Fetching With Suspense In Relay | Joe Savona — Progressive and Selective Hydration at Facebook using Relay

Sponsors
G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

G2i : We Vet, You Get Hired, It's that Simple.

Clubhouse

Clubhouse is project management that brings everyone, on every team, together.

They've made all core features completely free for teams with up to 10 users.

React Podcast listeners get 2 months free on any paid plan.

Get your project back on track at clubhouse.io/react .

This week is React Conf!

And I suspect that Suspense and Concurrent Mode will have a good showing.

So — in anticipation and excitement — I asked friend of the show, Swyx, to join me for a Suspense/Concurrent React rundown episode — covering everything you need to know so far and what we hope to see at this year's event.

Neither of us have priviliged info.

We're just two nerds who like to keep abreast of React's most exciting future feature.

Featuring

swyx (Shawn Wang) — Twitter , Website , GitHub
chantastic — Twitter , Website , GitHub

Links

STAR Apps: A New Generation of Front-End Tooling for Development Workflows on CSS-TRICKS
STAR Apps at SV Code Camp by Swyx
JAMStack — A modern architecture —

Create fast and secure sites and dynamic apps with JavaScript, APIs, and prerendered Markup, served without web servers
Beyond React 16 | JSConf Iceland 2018 Dan Abramov's introduction to Async React (eventually Concurrent React) at JSConf Iceland 2018
Fiber Reconciler doc on reactjs.org
React Fiber Architecture — a gist by Andrew Clark
A Cartoon Intro to Fiber — a talk by Lin Clark at React Conf 2017
Dan's Tweet on ConcurrentMode and how it informs other React APIs
Building The New Facebook With React and Relay — an upcoming talk by Frank Yan and Ashley Watkins on Building The New Facebook With React and Relay
Building the New Facebook.com with React, GraphQL and Relay — talk at F8 2019 about facebook.com v2
Relay — A JavaScript framework for building data-driven React applications
Apollo Client — A complete state management library for JavaScript apps
URQL — Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components
Getting Closure on Hooks — Swyx demonstrating a simple mental model for hooks at JSConf.Asia 2019
[Umbrello]React Flare — Github issue for tracking the React DOM implementation of the experimental React Events API
React Fire: Modernizing React DOM — Github issue for tracking React DOM modernization
React Native for Web — Run React Native components and APIs on the web using React DOM. A library by Nicholas Gallagher
Dominic Gannaway — React Core team member working on React Flare and React Fire
The Case for React Native Web Singularity A post by Swyx on React Native for Web as a template for a future React developer experience
SVELTE — Cybernetically enhanced web apps
glimmer — Fast and light-weight UI components for the web

With the attention to detail you've come to expect from Ember
All you need to know about Ivy, The new Angular engine!

— An article that seems to suggest it has everything you need to know about a thing I know nothing about

Sponsors
Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

G2i : We Vet, You Get Hired, It's that Simple.

Today we sit with Lara Schenck to discuss CSS Algorithms and my favorite term of the year: Turd Driven Development.

She's brilliant, obviously.

And It's a real treat to chat with someone who shares my affinity for CSS and a stoic acceptance of how crappy our codebases are.

But she offers hope, to teams that prioritize the work of design engineering.

Do not miss her talk CSS Algorithms.

It's — hands down — my favorite talk of 2019.

Featuring

Lara Schenk — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

JSConf US
CSS Algorithms at JSConf US 2019 — the one that I saw and is my favorite talk of the year!

Other versions at CSSconf.EU , strangeloop , and CSS Day

Tales of a Non-Unicorn: A Story About The Trouble with Job Titles and Descriptions — css-tricks
Computer Sceince Bootcamp — Lara's exploration into computer science
baseCS — Exploring the basics of computer science, every Monday, for a year, with Vaidehi Joshi
Semantic Versioning
Is CSS a programming language? — Lara's twitter poll from May 2019
Control flow
Declarative programming
Turd-Driven Development
StranglerFigApplication — an evergreen pattern by Martin Fowler
Ship of Thesues
stylelint — A mighty, modern style linter
Larva — PMC's design system
How do you see these programming languages? — place your favorite programming languages on a contiuum of "programming"

Sponsers
Linode

Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

G2i : We Vet, You Get Hired, It's that Simple.

This week we sit with Swizec Teller and learn how to get more done in every day.

Swizec has an incredible work ethic — regularly blogging, vlogging, live streaming, and writing books on your favorite web technologies React and D3.

How does he do all that and keep a full-time job at a startup?

Today, we try to find out what his secret is and how to mimic that focus.

Featuring

Swizec Teller — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Swizec's projects

es6cheatsheet.com
Nightowls book — Why programmers work at night
learnwhileyoupoop — No pressure learning at 2 minutes per day. Start with the basics, become a React 16.3
Data Visualization with d3.js — Mold your data into beautiful visualizations with d3.js
React+d3.js — Build data visualizations with React and d3.js
Serverless Handbook — Serverless for frontend engineers

Other links

Rocks, Pebbles, Sand Story — on YouTube
["We would worry less about what others think of us if we realized how seldom they do." — Ethel Barrett
Candid @swizec tweets on "income"
FIRE movement — on Wikipedia
Mr. Money Mustache
Peak Performance — by Brad Stulberg and Steve Magness
Sun Conure
Teachable — Create and sell beautiful online courses
podia — The easiest way to turn your passion into income
Force multiplication
JAMStack

Sponsored By:
Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

Toptal

Plug into jobs with top Silicon Valley and Fortune 500 clients.

You can work however and wherever like — at a rate that you set.

Do you have what it takes to join the world's top 3% of of freelance developers.

Get started with Toptal today.

Go to toptaljobs.com and take back control of your career.

This week we continue our discussion with Jonathan Cutrell about the future of work.

This time, we're talking about teamwork.

We tackle a few important questions.

How do you invest in a team that is separated by hundreds of miles?

How do you find moments to spark trust where serendipity is at a minimum?

And how do you make sure everyone is heard and feels good about their work?

If you work remote — or hope to work remote — these questions are at the forefront of your mind as you decide whether or not to DM that co-worker or waffle between which emoji expresses your sentiment best.

We got you.

This episode is brimming with tips and tricks for you.

Featuring

Jonathan Cutrell — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

Improve Your Team by Rejecting These Bad Assumptions — The Developer Tea episode that this episode is based on
Why Naval Ravikant Thinks Remote Work Is The Future
“Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present.” — Marcus Aurelius, Medetations

Sponsored By:
Infinite Red

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

Visit reactpodcast.infinite.red

And get The Remote Work handbook at remote.infinite.red .

Toptal

Plug into jobs with top Silicon Valley and Fortune 500 clients.

You can work however and wherever like — at a rate that you set.

Do you have what it takes to join the world's top 3% of of freelance developers.

Get started with Toptal today.

Go to toptaljobs.com and take back control of your career.

Get 15% off React Day Berlin

React Day Berlin is always a hit and they have a terrific speaker lineup this year.

Go to reactday.berlin and use the discount code "SpecFM" .

This week we sit down with Jonathan Cutrell.

He's the host of the beloved podcast Developer Tea and co-found of Spec, the very podcast network that this show belongs to.

When podcasters get together and talk. They talk... for hours.

So this is part one of a two-parter.

Today, we learn from Jonathan's transition from musical performer to developer.

We discover how constrained systems like music primed him for life as a developer, and the ways in which all systems being infused with our humanity.

We talk about how to keep doing work you love and finding, or creating, a company that will help you do.

Featuring

Jonathan Cutrell — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

Spec — The podcast network that Jonathan co-founded.
Developer Tea — Jonathan's terrific podcast
Chantastic on Developer Tea Part One and Part Two .
jQuery
MooTools
Build Dumb Shit with Sara Vieira — The episode of React Podcast where Sarah reminds to build things we like
First, Break All the Rules — The management book Michael Scott had on his desk and talks about workplace autonomy

Sponsored By:
Level Up Tutorials

Become a better web developer with Level Up Tutorials .

Become a pro at Animating React .

This is the favorite course on adding fast, beautiful, and dynamic animations to your React apps.

Buy just this course or Go Pro for videos on Hooks, Styled Components, TypeScript, Gatsby, Vue, and so much more !

Toptal

Plug into jobs with top Silicon Valley and Fortune 500 clients.

You can work however and wherever like — at a rate that you set.

Do you have what it takes to join the world's top 3% of of freelance developers.

Get started with Toptal today.

Go to toptaljobs.com and take back control of your career.

Toptal

Plug into jobs with top Silicon Valley and Fortune 500 clients.

You can work however and wherever like — at a rate that you set.

Do you have what it takes to join the world's top 3% of of freelance developers.

Get started with Toptal today.

Go to toptaljobs.com and take back control of your career.

This week we sit down with Chris Toomey and address all the holy wars:

Elm vs React, TypeScript vs JavaScript, product vs development, and even VS Code vs Vim.

This is a pragmatic look at how type systems can improve the way you build and talk about product.

In the right hands — these tools can make teamwork a dream.

But in the wrong hands, well...

Let's just listen close and make sure your hands are the right ones.

Featuring

Chris Toomey — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

thoughtbot — thoughtbot is a design and development consultancy that brings your digital product ideas to life
Giant Robots — A podcast about the design, development, and business of great software
UPCASE by thoughtbot — Become an experienced developer and take "junior" out of your title
bikeshed — On The Bike Shed, hosts Chris Toomey & Steph Viccari discuss their development experience and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week
172: What I Believe About Software — A review of thoughtbot's process and the intersection of product management and development
GraphQL
TypeScript
Elm
TypeScript + React TALK at Boston React 2019
Building Web Apps with Elm — Craft a reactive Elm web app from start to finish
Chris Toomey: React & GraphQL – Bringing Simplicity to Client Side Development — React Boston 2018
GraphQL: Bringing Simplicity And Correctness To A Client Near You (Chris Toomey) — GraphQL Summit 2018
Language Server Extension Guide
neovim
onivim
204: I Don't Like Rest —
206: No-One Wants to be the Canary — Chris on GraphQL and designing endpoints vs exposing types
58: Eve Porcello on Learning GraphQL

Thank You To Our Sponsor: Linode

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Thank You To Our Sponsor: G2i

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

This week we diverge from our typical technical focus to talk about communication.

Many of you are developing a product.

Whether that be an open source library,

course material on your favorite framework,

or your skills a freelance developer —

you are selling something.

Selling requires more than great technical skills.

It requires strong communication.

Today we sit with Val Geisler — founder of Fix My Churn.

We talk about communication thru email,

Why it’s critical for building and branding your business,

And how we get started.

I believe it has the potential to change your career.

Featuring

Val Geisler — Twitter , Website , Fix My Churn
Michael Chan — Twitter , Website , GitHub

Links

"Send Emails Not Blasts" tee
Email Marketing Mastery Incubator — Hands on help to up your email marketing game
Jobs To Be Done
The Dinner Party Strategy — Val's strategy for writing email people actually read
Joel Hooks at Egghead — because we mentioned him a few times 😻

## Sponsers
Level Up Tutorials

Become a better web developmer with Level Up Tutorials .

Learn how to make brilliant online stores using using GatsbyJS in two new courses Advanced Gatsby and Shopify and Gatsby Ecommerce .

G2i

Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i.co today and click the "for developers " link to find opportunities.

This week we sit down with Chris Biscardi — open source developer and consultant.

He's working with Gatsby on projects like gatsby-mdx and gatsby-themes.

So we talk about what Gatsby Themes are, why they promise to bring a new wave of shareability to Gatsby sites, and what you need to know to start using them.

We also talk about designing a workflow around sharing what you know and building an effective content pipeline.

Featuring

Chris Biscardi — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

Chris Biscardy — Egghead instructor profile
gatsby-mdx — Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects
MDX — Markdown for the component era
What Are Gatsby Themes? , Gatsby doc
Journey to the Content Mesh Conclusion: Creating Compelling Content Experiences on the Gatsby blog
Gatsby Store — A dynamic shop built on Gatsby
Contentful — How enterprises deliver better digital experiences
Source Plugins , Gatsby Doc
Build an RSS feed-powered podcast site (with Amberley Romo) — Learn With Jason — Livestream where Jason Lengstorf and Amberley Romo build a Gatsby theme for podcasts
What is Component Shadowing? on the Gatsby blog
Using a Gatsby Theme , Gatsby doc
gatsby-theme-blog
gatsby-theme-notes
Yarn Workpsaces
Carbon Design System , by IBM

Thank you to our Sponsor: Linode

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Thank you to our sponsor: G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i.co today and click the "for developers " link to find opportunities.

G2i : We Vet, You Get Hired, It's that Simple.

This week we sit down with Phani Raju.

He's a Staff Engineer at GitHub and lead on the GitHub Package Registry.

He tells us what package registries are and why GitHub is uniquely suited to take them to the next step in security, trust, and user experience.

This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future.

It's also a fantastic lens into the great engineering and design thinking that is alive and well at GitHub — and how the Dear GitHub letter sparked a new wave of innovation.

Featuring

Phani Raju — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

Introducing GitHub Package Registry
[Github Releases](About releases) on the Github blog
Announcing Git Large File Storage (LFS on The Github Blog
Supply chain attack on Wikipedia
The Problem of Package Manager Trust by Phil Haack
Dear Github — 📨 An open letter to GitHub from the maintainers of open source projects
Maintainer security advisories on The GitHub Blog
Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives on brainpickings
The Github Blog

Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

This week on React Podcast we sit down with James K Nelson. We discuss what makes React hard to learn and how he's addressing that with his teaching platform frontarm.com.

We talk about learning React without the buzzwords, his new router — Navi — and how to make some React bacon.

This is a great episode for those who have had trouble keeping up with React and want to discover and master the things have remained the same

Featuring

James K Nelson — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links

Weird, or just different? — Derek Siver’s TED talk on Japanese vs American street naming
Dan Abromov’s tweet about React without buzzwords
Learn React’s fundamentals without the buzzwords
The Little Schemer — The book we mention that uses the Socratic method to teach functional programming
railstutorial.org — How chantastic learned Rails
“What’s not going to change in the next 10 years?” — Jeff Bezos’ famous focusing question
ReactJS Tokyo
create-react-app — Set up a modern web app by running one command
Next.js — The React Framework for Everything
Navi — Declarative, asynchronous routing for React

Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

This week we talk Jamison Dance about the parts of programming that are distinctly non-technical.

We talk about the perfect TLD, working with a team, finding psychological safety, the organization of React Rally, and how to recycle batteries.

Jamison is co-host of the podcast Soft Skills Engineering where he and Dave Smith answer non-technical questions for technical folks.

It's a great show that I highly recommend.

check it out at softskills.audio

Featuring

Jamison Dance — Twitter , Website , GitHub
Michael Chan — Twitter , Website , GitHub

Links and Notes

WalMart Labs
React Rally 2019 — August 22 & 23 in Salt Lake City, Utah
React Conf 2019 — October 24 & 25 in Henderson, Nevada
Soft Skills Engineering podcast with Dave Smith and Jamison Dance — It takes more than great code to be a great engineer
Where to Recycle Batteries by Energizer
Psychological Safety on Wikipedia
React Hooks Announcement from React Conf 2018

Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

This week we talk with Eve Porcello about getting started with GraphQL.

She is the co-author of Learning React and Learning GraphQL. She travels the world with husband Alex bank teaching JavaScript and telling jokes.

We talk about comedy and code and how to engage audiences with a little bit of funny.

This is a great episode if you want to add a little GraphQL to your stack or learn how to give a hilarious conference talks.

Featuring

Eve Porcello — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

GraphQL Query Language — Eve's new egghead.io course on GraphQL
Learning React: Functional Web Development with React and Redux — Eve's React Book
Learning GraphQL: Declarative Data Fetching for Modern Web Apps — Eve's GraphQL book
Moon Highway — Eve and Alex's training company
Everything You Need to Know About GraphQL in 3 Components — React Rally 2018 talk... the one with the tattoo bit
Apollo Server — the best way to quickly build a production-ready, self-documenting API for GraphQL clients, using data from any source
apollo-link-rest — Call your REST APIs inside your GraphQL queries
Mocking — Apollo Docs — Mock your GraphQL data based on a schema
SWAPI GraphQL API — The one you're obligated to make your first request to
Github GraphQL v4 API
Github GraphQL Explorer
OneGraph
Apollo Federation
ReactJS Girls Conference , Twitter , and videos
Reactathon

Sponser

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.

It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

We sit down with venerable Emma Bostian to talk mentorship.
She tells us all about different types of mentorship you can find,
At what phases in your career each type is most valuable,
And how to get a "yes" from someone you'd like to mentor you.

We also discuss her new mentoring platform codingcoach.io and how it's helping connect developers based on technology and field.

Buckle in and get ready to get help.
Featuring Emma Bostian — Twitter , Github , Website Michael Chan — Twitter , Github , Website Links don't touch my garbage!!! — the possum tweet Building a Design System with React - ReactJS Girls Conference — Emma's talk on the components of a design system Emma's writing on dev.to JS PARTY — A community celebration of JavaScript and the web ladybug podcast — Kelly Vaughn, Ali Spittel, Emma Bostian, && Lindsey Kopacz debug the tech industry Sponser
Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week, on React Podcast, We sit with Paul Henschel and talk animation.

Paul is the creator of React-spring a library for animating UI based on spring physics.

We talk about the library's origin, its future, and how to create lasting beauty on the web.

Featuring

Paul Henschel — Twitter , Github
Michael Chan — Twitter , Github , Website

Links

paranoid android — a custom ROM aiming to extend the system, working on enhancing the already existing beauty of Android and following the same design philosophies that were set forward by Google for Android Open Source Project
ReactCSSTransitionGroup — an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM
ReactTransitionGroup — ReactTransitionGroup is the basis for animations in React
ReactMotion — A spring that solves your animation problems
Animated
react-use-geature — 👇Bread n butter utility for component-tied mouse/touch gestures in React
react-three-fiber —👌A React-renderer for Three.js
react-reconciler — an experimental package for creating custom React renderers
awwwards — The awards of design, creativity and innovation on the internet
Three.js Fundamentals —
react-blessed — A react renderer for blessed
React Podcast episode 35 with Matt Perry on Pose and Popmotion
alec larson's react europe talk
React-spring: on animations and hooks — Alec Larson @alecdotbiz at ReactEurope 2019

Sponser

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.

It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week we sit with Erik Rasmussen to discuss forms in React.

We talk about his library redux-form and it's evolution to final-form — a framework agnostic approach to making dynamic forms easy.

Along the way the talk open source maintenance and monetization struggles.

If you've wanted open source fame, this is a good one to listen to.

Featuring

Erik Rasmussen — Twitter , Github
Michael Chan — Twitter , Github , Website

Links

Github Sponsors — Fund your work. Build what matters.
Forms — React Docs
Redux Form — The best way to manage your form state in Redux
Flux — Application architecture for building user interfaces
react-final-form — 🏁 High performance subscription-based form state management for React
vue-final-form — 🏁 High performance subscription-based form state management for Vue.js
frontier-forms — Data-driven forms that let you focus on what matters: your application
Build forms with GraphQL — 2019 React Europe talk by Charly Poly
"Let a hundred flowers bloom"
CodeFund — Ethical Advertising
Seek Justice Podcast — A weekly deep dive into Criminal Justice with Erik Rasmussen and Dennis Schrantz
Happy Hour — A candid and open weekly discussion between Dennis and Erik over drinks
💥 Introducing.... 🏁 React Final Form HOOKS!! 💥

Sponser

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.

It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week, we talk accessibility pitfalls with Aaron Canon.

Aaron is the co-founder and chief accessibility engineer at Accessible360 — where he uses his experience as a blind developer to improve real-world accessibility for all citizens of the web.

He shares his first-hand experience on which practices work, which ones are bogus, where to focus our accessibility efforts, and which libraries provide the best starting point.

I learned a ton. You will too.

Featuring

Aaron Cannon — Twitter , Website , Accessible360
Michael Chan — Twitter , Github , Website

Links

Accessible360 — The digital accessibility company
JAWS — The world’s most popular screen reader
NVDA — Free, popular screen reader
Aaron's YouTube channel
Accessible360's YouTube channel
Should I Use A Carousel?
Reach UI — The accessible foundation of your React-based design system
WebAIM: Screen Reader User Survey #7 Results
ARIA Live Regions Screen Reader Demo | Video
uBlock — A Fast and Efficient Ad Blocker. Easy on CPU and Memory.

Sponser
GitPrime

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.

It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

Have you had the privilege of working in PHP?

If you haven't let me tell you:

You can have a dynamic website just by putting a single PHP file on a host, anywhere.

It's magic

For us React developers, everything is a lot more complicated.

We want server-side rendering for Google crawl-ability,

Hot Module Replacement for quick feedback in development, and code-splitting to get quick initial page loads for users.

None of that is easy to implement.

But there's hope.

The team at Zeit wants you to have all that but with the simplicity of that beautiful PHP workflow.

And they've done it.

We sit with Tim Neutkens, lead developer on Next.js, an open source framework, for react, by Zeit.

He tells us how you can get back to that beautiful, fun PHP experience but with all of the benefits of SSR, HMR, AMP, and so many more initialisms.

I'm so excited to share this chat about Next.js the next-live of static site generation.

Featuring

Tim Neutkens — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Next.js 9 is out now!
Next.js — The React Framework
next/dynamic
styled-jsx — Full CSS support for JSX without compromises
Dynamic Pages with Next.js
Tech Choices I Regret at Spectrum — Blog — by Max Stoiber on why he would have used Next.js
Tech Choices I Regret at Spectrum — Talk
Next for Next.js — Tim Neutkens at React React Amsterdam
facebook/codemod

Sponser
GitPrime

Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.

It's beautifully illustrated and guaranteed to improve your teams communication and productivity.

GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

GitPrime . Engineers

build business.

G2i

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

Navigating a career is tricky.

This is double true for women in tech.

Add a spouses career,

traditional gender expectations,

Single-parenting,

Or illness to the mix

And finding a satisfying career can feel impossible.

Today, Sophia Shoemaker sits with us to discuss how she manages being a mom in tech, conference speaker, FullStack React editor, and deeply invested in her community.

It's a different story than many of you are used to hearing on this show.

A more complicated one.

I'm excited that we get to learn more about one of the types of challenges that women in tech face today.

And I'm so grateful that Sophia brought us into her story.

I know that her experience can give you hope — as you find a career that works for your specific cocktail of complications.

Featuring

Sophia Shoemaker — Twitter , Fullstack React , Newsletter
Michael Chan — Twitter , Github , Website

Links
Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

How many times have you written a state reducer?

100 times?

100 times a month?

Truth is, it's tricky for human brains to write performant state mutations in immutable terms.

Maybe you're whip smart and you've got the theory on lock but the resulting "spread hell" is hard to read and edit long term.

Michel Westrate wants you to stop writing state updates with immutable APIs like spread, concat, and slice and take a second look at mutable APIs like property assignment, forEach, and push.

He's made it really easy

And the React Team finds this idea very interesting.

We talk with Michel about this wild of idea of state producers (not reducers) in Immer, why they're in the spirit of React, his MobX fame, and why — even in 2019 — it's not a good idea to roll your own state management library.

Listen cautiously though.

After this episode, you may never write a state reducer again...

Featuring

Michel Westrate — Twitter , Website , GitHub
Michael Chan — Twitter , Github , Website

Links

React, transparent reactive programming and mutable data structures | Reactive 2015 Michel's first conference talk, introducing MobX
Mobx — Simple, scalable state management
Dojo
React Conf recap: Hooks, Suspense, and Concurrent Rendering — Suspense, Hooks, and ConcurrentMode announcement
Immer — Create the next immutable state by mutating the current one
Michel Weststrate - Immer, Immutability and the Wonderful World of Proxies | ReactNext 2018 — Introduction to Immer and "spread hell"

Sponser

G2i is a hiring platform for remote developers devoted exclusively to React and React Native.

Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.

Visit G2i today and click the "for developers" link to find opportunities.

G2i : We Vet, You Hire, It's that Simple.

Saron Yitbarek is the CEO and founder of CodeNewbie, the most supportive community of programmers and people learning to code. She's also the vibrant host of the CodeNewbie Podcast, Basecs Podcast, and Command Line Heroes (a Red Hat podcast).

Chantastic Asks her about learning in public, interviewing the world’s greatest developers, the art of storytelling, and aggressive kindness that surround her #CodeNewbie twitter chats.

They discuss podcasting, building a community you can trust, shower new developers with love and support, and what it takes to put on the most supportive conference in the world.

Featuring

Saron Yitbarek — Twitter , Website
CodeNewbie — Twitter , Website
Codeland — Twitter , Website
Michael Chan — Twitter , Github , Website

Links

Flatiron School
Michel Martin — Weekend Host, All Things Considered
Starbucks’ Howard Schultz Doesn’t Sleep—But Don’t Blame the Coffee — Alec Baldwin’s abrupt interview style on Here’s the Thing
Recode Decode — Kara Swisher ’s podcast on Vox
[CodeNewbie](https://www.codenewbie.org] — Most supportive community of programmers and people learning to code
#CodeNewbie Twitter Chats — Join our weekly #CodeNewbie twitter chat, every Wed @ 9PM EST
Saron Yitbarek of CodeNewbie at Red Hat Summit 2018 — “Code and…”
Codeland — The only conference designed for new and growing developers, July 22 in New York
Your Perfect Tech Talk — Saron’s stellar advice on giving a great tech talk
How to Build a Magical Living Room by Saron Yitbarek — Saron’s 2018 RubyConf Keynote where she talks about interpreting constructive feedback

Scott Tolinski is creator of Level Up Totorials and co-host of Syntax — a tasty treats podcast for web developers.

He joins us on React Podcast to talk about career, hobbies, and building a business.

Chantastic asks him about break dancing, YouTube as a career development platform, weeding out hators, and making the jump to independent creator.

They discuss podcasting, self-management, embracing ignorance, forcing confidence, determining content value, and importance of being kind to creators.

Featuring

Scott Tolinski — Twitter , Github , Website
Level Up Tutorials — Twitter , YouTube , Website
Michael Chan — Twitter , Github , Website

Links

Animating React — Buy Scott's latest course on UI animation in React, using React Spring.
Scott on Instagram — Robotops Crew Bboy
How to Top Rock Tutorial
How to Breakdance | Footwork Combination
AngelFire on Wikipedia
vulfpeck.com
syntax.fm
syntax.fm live at Reactathon

Jon Rohan is an Engineer on the Design Systems Team at Github, building tooling for Octicons and Primer — their React component library.

Chantastic asks about his 6 year tenure at GitHub, the inspiration behind his primer.css slam poem, how their using CSS-in-JS and Lerna to structure their work, and his project Figma Actions for seamlessly building icons from Figma design files.

They discuss design apps, Monorepos, GitHub Actions, CSS-in-JS, and why you should open source your systems.

Featuring

Jon Rohan — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

25: Make Brilliant Messes with Diana Mounter and Emily Plummer — Previous React Podcast episode with on Design Systems at Github
Design Systems at GitHub — by Diana Mounter
Primer — Resources, tooling, and design guidelines for building interfaces with GitHub’s design system
Github Primercss.io slam poem — a pem about Primer by Jon Rohan
Styled System — Style props for rapid UI development
Emotion — CSS-in-JS library designed for high performance style composition
styled components — Visual primitives for the component age
Github Octicons — Your project. GitHub's icons
FAMFAMFAM — Silk
Figma — A better way to design
Figma Developer API
GitHub Actions — Focus on what matters: code
Figma Action — GitHub action for exporting Figma components
lerna — 🐉 A tool for managing JavaScript projects with multiple packages
Monorepo — a software development strategy where code for many projects are stored in the same repository
Primer Community on Spectrum

Sponsors

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

infinite.red/contact

They're also a passionate advocate of remote work.

They believe you can build a thriving remote company without sacrificing culture.

Read the handbook on how to travel the road less commuted.

Get The Remote Work handbook at remote.infinite.red .

Kent C Dodds is a blogger, podcaster, open sorcerer, and community builder that recently made the leap to full-time, self-employed educator.

Chantastic asks about the approach Kent took while developing his career PayPal, what he had to give up to stay focused, and what's changed now that he's independent.

They discuss learning by teaching, the importance of being consistent, avoiding the permission trap, and what it means to "increase the impact of your value".

Featuring

Kent C. Dodds — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

React Hooks: What's going to happen to render props? — on Kent's blog
eslant-plugin-react
eslint-plugin-react-hooks
Kent's egghead.io instructor profile
Testing JavaScript with Kent C Dodds — Learn the smart, efficient way to test any JavaScript application
all-contributors — ✨ Recognize all contributors, not just the ones who push code ✨
react-testing-library — 🐐 Simple and complete React DOM testing utilities that encourage good testing practices
downshift — 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
How I am so productive — on Kent's blog
Boundaries: When to Say Yes, How to Say No To Take Control of Your Life
Intentional Career Building — on Kent's blog
3 Minutes with Kent — A (week)daily podcast where I give 3 minute answers to YOUR questions about software development that you post on my "Ask Me Anything"
TinyLetter by MailChimp — Email for people with something to say
Angular Air
JavaScript Air
Remote Workshops with Kent C Dodds — Learning shouldn't depend on location. Remote workshops with Kent are a valuable and effective way to level-up your skills as a web developer

Sponsors

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

infinite.red/contact

They're also a passionate advocate of remote work.

They believe you can build a thriving remote company without sacrificing culture.

Read the handbook on how to travel the road less commuted.

Get The Remote Work handbook at remote.infinite.red .

Houssein Djirdeh works with the Developer Relations team at Google, educating React developers on web application performance.

He created the world best iPhone and Android app for Github — GitPoint.

Chantastic asks about his experience creating GitPoint (a fully featured GitHub client, built in React Native), what performance vernacular like tti , fcp , and Web Workers mean, and common performance pitfalls and misunderstandings found in React apps.

They discuss the importance of limiting scope to ship a product, the performance value of Hooks, tools and automations you can use today, and which projects to follow for inspiration.

Featuring

Houssein Djirdeh — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Progressive React — How to build your React app so more people can use it
Developer Relations — Evangelize Google technologies and passionately advocate for developers' needs.
Houssein Djirdeh: Progressive React / React Boston 2018
GitPoint — GitHub in your pocket 📱
tti — Time to Interactive
fmp — First Meaningful Paint
fcp — First Contentful Paint
fid — First Input Delay
Web Worker
Service Worker
worker-dom — An in-progress (as in very-alpha) implementation of the DOM API intended to run within a Web Worker
Lighthouse — An open-source, automated tool for improving the quality of web pages
lighthousebot — Run Lighthouse in CI, as a web service, using Docker. Pass/Fail GH pull requests
webpagetest.org — Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds
bundlesize — Keep your bundle size in check
web.dev — Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev
Prototyping Lighthouse Stack Packs
developers.google.com — Build anything with Google

Sponsor

Infinite Red has been designing, shipping and building web and mobile apps for 10 years.

They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.

Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.

infinite.red/contact

They're also a passionate advocate of remote work.

They believe you can build a thriving remote company without sacrificing culture.

Read the handbook on how to travel the road less commuted.

Get The Remote Work handbook at remote.infinite.red .

Versioning. How do we do it? It's a lot more complicated than "just use semver!"

This week Michael Jackson joins us again to discuss the pains of versioning, how to avoid them, and why it all comes down to communication.

Chantastic asks about upcoming how React Router v5 will take advantage of new features like Hooks and what versioning strategy they intend to employ with for legacy React Router users.

They fumble clumsily around what the various characters in a package.json file mean, discuss outrageous prefixing as a defense mechanism, and partying at the 2019 JSConfUS in Carlsbad.

Featuring

Michael Jackson — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Announcements
Learn React in May!

New to React?

Want to learn to learn what the heck we're talking about?

Chantastic is doing a free React primer in the month of May.

Signup to learn more: https://reactpodcast.com/news .

Links

semver
New Versioning Scheme — React moves from 0.14 to 15 .
React Router v5
NodeJS io.js Split
npm tilde (~) ranges
npm caret (^) ranges
What's the difference between tilde(~) and caret(^) in package.json?
React Training Spring Tour
__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
unpkg.com
JSConfUS 2019, Carl — in Carlsbad, CA.

Nader Dabit is the author on React Native in Action, Host of React Native Radio, Educator, Speaker, and doing developer relations for AWS Cloud.

Chantastic asks about Amplify and AppSync, where they fit into AWS offerings, why they make authentication and GraphQL server setup a breeze, and how we can start using them.

They discuss the opportunity and difficulty in podcast, the challenges of author a book, and travel the world speaking and educating.

Featuring

Nader Dabit — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Announcements
Learn React in May!

New to React?

Want to learn to learn what the heck we're talking about?

Chantastic is doing a free React primer in the month of May.

Signup to learn more: https://reactpodcast.com/news .

Manning Discount for React

Use the discount code ** podreact19** for a discount on all Manning books, including React Native in Action .

Links

React Native Radio
AWS Amplify —

The foundation for your cloud-powered mobile & web apps
Nader on Medium
reactnative.training — Master React Native Quickly
React Native in Action
Simplecast
AWS AppSync
GraphQL — A query language for your API
Open GraphQL — A GraphQL publication that is open to anything & everything GraphQL related.
GraphQL Patterns — In depth discussions around everything GraphQL

Jamon Holmgren is CTO and cofounder of Infinite Red, a consultancy that specializes in React Native.

Chantastic asks about Jamon's start in programming and entrepreneurship, why consultancies have an edge in Open Source, and how the Chain React conference plays into their business strategy.

They discuss the team benefits of TypeScript, humble PHP beginnings, and the big differences between consultancy and product.

Featuring

Jamon Holmgren — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Announcements
Learn React in May!

New to React?

Want to learn to learn what the heck we're talking about?

Chantastic is doing a free React primer in the month of May.

Signup to learn more: https://reactpodcast.com/news

Links

Construction Worker & Home Designer Turned Software Engineer and Business Owner — Jamon Holmgren on secondCareerDevs
Home Grown Accountant to Software Engineer — Michael Chan on secondCareerDevs
Infinite Red — Experts in mobile & web technologies. We create beautiful, functional mobile apps and websites
Infinite Red Academy — Engaging, Hands-On React Native Training
Infinite Red on Github — Engaging, Hands-On React Native Training

Reactotron — A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows
Gluegun — A delightful toolkit for building Node-powered CLIs
Ignite — The hottest CLI for React Native, boilerplates, plugins, generators, and more!
ProMotion — ProMotion is a RubyMotion gem that makes iPhone development less like Objective-C and more like Ruby. Star this repo to keep tabs on our progress

TypeScript
RubyMotion
ember
PhoneGap
Chain React Conf — THE REACT NATIVE CONFERENCE RETURNS TO PORTLAND, July 11-12, 2019
Building Infinite Red — A Podcast About Building Infinite Red

Sara is a developer on the beloved CodeSandbox app.

She's worked for years as a developer advocate, giving brilliant talks across the world, and building some of the wildest sites on the web.

Chantastic asks her about succeeding against mental illness, how she achieved meme status, why we should "build dumb shit", and what the heck a developer advocate does.

They discuss corporate "change the world" bullshit, casual racism, why you should teach what you know, and the shockingly unglamorous lifestyle of a conference speaker.

Featuring

Sara Vieira — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Your brain doesn't have a fix flag
Sarah Memes
Make Frontend Shit Again
Brainfork.wtf — A podcast about mental health & tech
CSSX — CSS in MDX
CodeSandbox

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Typescript. What is it? How does it help you write better code? Will it help you sleep better at night?

Jared is a lead engineer at The Palmer Group, a strategy, design, and engineering firm.

There he uses TypeScript every day to keep code sturdy and maintainable.

Chantastic asks Jared what we need to know to get a little TypeScript into our apps.

They discuss the joys and pains of Typescript in 2019 and how it compares to languages like Reason, Ocaml, Fable, and Elm.

Featuring

Jared Palmer — Twitter , Github , Consultancy , Website
Michael Chan — Twitter , Github , Website

Notes & Links

TypeScript
Moving To React Suspense - Jared Palmer - React Conf 2018
npm and the future of JavaScript - Laurie Voss - JSConf US 2018
The State of the Octoverse: top programming languages of 2018
flow
Build Your Own Formik Using React Hooks with Jared Palmer (*egghead membership required)
@babel/preset-typescript
Realytics/fork-ts-checker-webpack-plugin
Adding TypeScript to Create React App
TypeStrong/ts-loader
s-panferov/awesome-typescript-loader
rollup-plugin-typescript2
[RFC] Migrate Jest to TypeScript
tsdx — Zero-config TypeScript package development
Deno — A secure runtime for JavaScript and TypeScript built with V8, Rust, and Tokio
Reason — Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.
Ocaml — OCaml is an industrial strength programming language supporting functional, imperative and object-oriented styles
Fable — The compiler that emits JavaScript you can be proud of!
elm — A delightful language for reliable webapps. Generate JavaScript with great performance and no runtime exceptions.
Swagger
Swagger Codegen
Palantir Technologies — All the TypeScript projects
Shopify Polaris — Our design system helps us work together to build a great experience for all of Shopify’s merchants.

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Cassidy Williams is a Senior Software Engineer CodePen in Seattle — using React, Redux, GraphQL, and Apollo Client to build the frontend of CodePen and CodePen Projects.

Chantastic asks about building a startup on a plane, maximizing side hustle effort, the importance of networking, and what it's like to meet your heroes.

They discuss tips for getting great advice from smart people, building passive income, finding safe workplaces, and what it looks like to lift as you climb.

Featuring

Cassidy Williams — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

GraphQL
Apollo Client
Britis Always' In-Flight Hackathon Spawns Solutions To The Engineering Crunch — TechCrunch article on Ungrounded "Innovation Lab In The Sky" and AdvisHer.
Kelly Hoey
Kimberly Bryant — founder of Black Girls Code .
Professor Sue Black
Bulding Your Dream Network: Forging Powerful Relationships in a Hyper-Connected World — by J. Kelly Hoey
@smkmeetup — Seattle Mechanical Keyboard Meetup
CKEYS — Keyboards and Workshops
Massdrop x Hasbro Scrabble Keyboard
JavaScript and React for Developers: Master the Essentials — Cassidy's Udemy course.

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer.

Chantastic asks Kyle about his experience healing from burnout, identifying his value, interviewing as a senior developer, and evaluating team fit.

They discuss the importance of networking, brand building, managing your energy, fighting the desire for more, and weaving it all together.

Featuring

Kyle Shevlin — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

secondCareerDevs — Roads less traveled and the lessons learned along the way.
chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer
Data Structures and Algorithms in JavaScript — Kyle's Egghead course
webflow — The awesome partnership that Kyle landed on
Vlad Magdalin — The Co-founder and CEO of webflow
Agreeableness: Big Five personality test
Hedonic treadmill

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer.

Chantastic asks Kyle about his experience breaking into web development, how he navigated the early portion of his career, and the inspiration behind his show secondCareerDevs.

They discuss the importance of finding your community, learning how to learn, and how to make progress on your side projects by live streaming your work.

Featuring

Kyle Shevlin — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

secondCareerDevs — Roads less traveled and the lessons learned along the way.
chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer
Data Structures and Algorithms in JavaScript — Kyle's Egghead course
Reactiflux — React discord server
Tribes by Seth Godin — We Need You to Lead Us
More Than You Asked For — Kyles Twitch channel
Giving the iPad a Full-Time Job — How I setup my iPad for dev work using linode.

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Brian Vaughn is a member of the React Core team and creator of libraries like react-virtualized and react-window. He's a wealth of knowledge in React performance and application profiling.

Chantastic asks Brian about the new profiler tools he's been working on (available to React v16.5 apps), React Core team dynamics, and the future of windowing in React and browsers.

They discuss a handful of practical performance tips, Concurrent rendering in React, React.memo and the useMemo Hook, and how to decide with your human brain when performance tuning is necessary.

Featuring

Brian Vaughn — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

React Conf 2018
Concurrent Rendering in React - Andrew Clark and Brian Vaughn - React Conf 2018
Introducing the React Profiler
Concurrent React
Fiber Architecture
Sebastian Markbåge - React Performance End to End (React Fiber) - Keynote Part 3 - React Conf 2017
React Hooks
fixed-data-table
react-virtualized
react-window
React.memo and useMemo
memoize-one — A memoization library that only caches the result of the most recent arguments.

Sponsors

Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.

Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

Sean Swyx Wang moderates and organizes r/reactjs on Reddit.

He also works on developer experience at Netlify.

Sean is a voracious learner and loves to share what he's learning and believes that everyone — regardless of experience — should "learn in public".

Chantastic asks him about what's new in React and how r/reactjs is helping developers learn React, get connected in the community, and find jobs.

They discuss strategies for being a lifelong learner, how to get started in React, the growth of React's API surface area, Hooks, Suspense, Concurrent Mode, designing APIs, and the future of React.

Featuring

Shawn Swyx Wang — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

React Conf 2018
JAMstack_conf_nyc
Netlify
Popmotion and Pose
React Podcast Interview with Matt Perry on Popmotion
React Hooks
React Suspense
scheduler
react-cache
r/reactjs
Structure and Interpretation of Computer Programs Book
freeCodeCamp React curriculum
Crazy React Asians

Swyx and Chantastic talking Suspense on YouTube

Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future. They’re discussion goes all over the place. You kinda just have to listen…

Featuring

Matt Perry — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Popmotion — Simple libraries for delightful interfaces
Pose — A truly simple animation library for React, React Native, and Vue
The Path To A Declaratively Animated Future - Matt Perry - React Conf 2018

Jen Luker is a lead software engineer at Formidable Labs, keynote speaker, host of @BookBytesFM, and expert knitter. Chantastic asks her about the Fiber Arts Corner at React Conf, the history that textiles and programming share, and how we can make our apps more accessible.

Featuring

Jen Luker — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Fiber Arts Circle on Periscope
Jacquard loom on Wikipedia
99% Invisible Podcast Kids: Articles of Interest #1 — discussing Jacquard Loom and connection to software)
Knitting Is Coding | Lindiwe Matlali | TEDxBeaconStreet
Accessibility: Beyond the Basics — Jen's talk on accessibility
Chain React 2018: Be a React Native A11y — Jen's talk on accessibility in React Native
Axe Developer Tools by Deque —Chrome , FireFox
Husky: Git hooks made easy
eslint-plugin-jsx-a11y
eslint-plugin-react-native-a11y

Laurie Voss is the Co-founder/COO of npm. He’s traveling the world and telling developers about npm and the future of JavaScript. Chantastic asks about his bold predictions for 2019, what the future brings for React, and how React could beat web components. They talk about fresh npm commands and security features, why teams are picking Vue or Ember, some sad truths about maintaining a diverse company, and the lgbtq.technology slack.

Featuring

Laurie Voss — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

This year in JavaScript: 2018 in review and npm’s predictions for 2019 on the npm blog
npm and the future of JavaScript at JSConfUS 2018 (video)
npm and the future of JavaScript at NEJS CONF 2018 (video)
lgbtq.technology
npm audit and npm audit fix
npm ci
npm private account and org pricing
npm enterprise

Vincent Riemer is the creator of io808.com and react-native-dom. He loves working on projects that challenge assumptions and inspire play. Chantastic asks him about his shoes, the inspiration behind and execution of io808.com and his mad scientist adventures with react-native-dom. They discuss the importance of exploration, the worthlessness of linters, and how to steal the platform.

Featuring

Vincent Riemer — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Links

Roland 808 shoes, by Puma
808 Day
io808.com
Sequencing Audio Using React and the Web Audio API - Vincent Riemer & Bruce Lane at React Amsterdam 2017
react-native-dom
Bridging React Native Back to its Roots - Vincent Riemer at React Europe 2018

*react-native-web

Ryan Florence is the co-creator of React Router and creator of accessibility-first React libraries Reach Router and Reach UI. Chantastic sits with him to talk about Hooks on the night before they're announced. They talk about React's API growth, if Suspense has taken React to framework-land, what caches and resources mean for developers, and the rebirth of mixins as Hooks.

Featuring

Ryan Florence — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Help Gabe Get Healthy

Gabe Greenberg is a friend and community organizer of Reactiflux. Our silent sponsor this week encourages you to support Gabe in getting the treatment he needs to regain a healthy life. Read more and donate here

React Holiday

Season 2 started last week.

Sign up here !

Links

Ryan's Tweet response to how React is changing
React lazy and memo announcement
Hooks announcement
Dan's and Sophie's talk "React Today and Tomorrow"
react-cache
Component Lifecycle Changes
Hooks docs
"Mixins are the future of React" — @dan_abromov
Ryan's talk "90% Cleaner React with Hooks"

React Holiday

Season two starts December 1st.

Signup here !

Christina is a developer at Google and speaker at React Conf 2018. Chantastic asks her about her cloud development process. They talk about changing careers, building brains, cheating imposter syndrome, speaking at conferences, and all the services you'll need to create your next app with with less software and fewer servers.

Featuring

Christina Holland — Twitter , Github , Writing
Michael Chan — Twitter , Github , Website

Links

Talk Video: Building Todo The Game In A Cloud Only Dev Environment - Christina Holland - React Conf 2018

Editor/Env

AWS Cloud9 IDE
Codeanywhere
CODENVY
Glitch

Hosting/Platform

Firebase
Netlify
Now

Auth

Auth0
Okta

Jared Palmer is a passionate JavaScript developer, pushing developer ergonomics in React with projects like formik and react-fns. Chantastic asks about what Suspense and Hooks mean for existing apps and what we should know to migrate our code sanely. They discuss why doing away with render props is a good thing, why Hooks are up to the task, and how Hooks and Suspense will impact libraries like formik, react-fns, and the-platform.

Featuring

Jared Palmer — Twitter , Github , Consultancy , Website
Michael Chan — Twitter , Github , Website

Notes & Links

Moving to Suspense — Jared's 2018 React Conf talk
formik — Build forms in React, without tears
react-fns — React Components for common Web APIs
react-adopt — 😎 Compose render props components like a pro
renderator — from this tweet
react-cache —A basic cache for React applications

React Holiday

Season two starts December 1st.

Signup here !

Jason Lengstorf is a developer advocate at Gatsby and productivity speaker/author. Chantastic asks about what the Gatsby team is up to, why Gatsby makes sense, and how their team is growing a vibrant JavaScript community. They talk about GraphQL, why there’s no site that couldn’t be static assets, connecting Gatsby to your existing API, and productivity tips for staying fresh and capable at work.

Featuring

Jason Lengstorf — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

Site: Gatsby Docs
Site: Gatsby Community Page
Tool: Lighthouse Chrome Extension
Tool: webpagetest.org
Video: How I Cut My Working Hours in Half and Somehow Managed to Get More Done
Article: The Multitasking Myth
Book: It Doesn't Have to Be Crazy at Work
Book: The One Thing

The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect.

Featuring

Sebastian Markbåge — Twitter , Github , Medium
Sophie Alpert — Twitter , Github , Website
Dan Abramov — Twitter , Github , Medium
Andrew Clark — Twitter , Github
Brian Vaughn — Twitter , Github , Website
Michael Jackson — Twitter , Github , Website

Notes & Links

React v16.6.0: lazy, memo and contextType
React Hooks
React Dev Tools
React Fire
Prepack

Brad Frost is the author of Atomic Design, renowned speaker, and consulting designer. Chantastic asks him about his recent experience learning React and the difficulty he found entering the realm of React. They talk about team communication, developing portable solutions, organizational therapy through design, and creating a virtuous cycle between product, design, development, and systems creating. They address the challenges of learning UI design in an industry being consumed by JavaScript, the importance of listening and the value of finding nuance in communication.

Featuring

Brad Frost — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

Atomic Design — A methodology for creating design systems.
Pattern Lab — Build thoughtful, pattern-driven user interfaces using atomic design principles.
Creative exhaust, the power of being open by default: Brad Frost at TEDxGrandviewAve
my struggle to learn react — Brad's thoughts on the difficulty of learning React
i dunno — Brad's thoughts on getting impaled for detailing his struggle to learn React
dumb react — A collection of dumb React components that are used to stitch together a website screen

Diana and Emily create design systems at Github.

Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier.

They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers.

It’s a great discussion for everyone looking to improve processes in a legacy application.

Featuring

Diana Mounter — Twitter , Github , Website
Emily Plummer — Twitter , Github
Michael Chan — Twitter , Github , Website

Notes & Links

Jon Rohan — Systems Designer at Github
Jina Anne — Design Systems OG, DSC organizer @sf_dsc , @NYC_DSC
NYCDSC — Design Systems Coalition meetup in New York
Donut.js — Emily's web development meetup in Portland. Organized by Matt McVicker
Primer Style Guide — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework
Minimal API Surface Area — JSConf EU talk by Sebastian Markbåge
BEM naming methodology — Conventions for extendable and reusable interface components
Design systems at Github — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team
Lerna — 🐉 A tool for managing JavaScript projects with multiple packages
Using Figma designs to build the Octicons icon library — An article by Jon Rohan on their new icon system
styled-system — ✨ Responsive, theme-based style props for building design systems with React
emotion — Performant and flexible CSS-in-JS
Probot — GitHub Apps to automate

and improve your workflow
Primer Component — Github's React component driven style system
Next.js — A React framework
MDX — Markdown for the component era.
mdx-docs — 📝 Document and develop React components with MDX and Next.js
Andrew Clark: React Suspense — A powerful new set of primitives for addressing longstanding problems in UI development
@githubprimer — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, & @emplums

Chantastic asks Burke Holland about Five Things, VS Code can do that?!, and what brought him to computers. They discuss Windows 98 UI, React at Microsoft, the gateway drug to TypeScript, React Food Truck, and how how he discovered the identity of horse_js.

Featuring

Burke Holland — Twitter , Medium
Michael Chan — Twitter , Github , Website

Notes & Links

Five Things — a show about JavaScript, Node and all things web.
VS Code can do that?! — All the best things about Visual Studio Code that nobody ever bothered to tell you.
Microsoft Office rewrite in React.js nears completion
Microsoft Azure — Turn your ideas into solutions faster using a trusted cloud that is designed for you.
React Food Truck for VS Code — A collection of curated extensions for discerning React developers.
DISCOVERING THE TRUE IDENTITY OF @HORSE_JS USING MACHINE LEARNING — Burke and Jasmine's JSConfUS 2018 talk.
Vue.js — A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript — JavaScript that scales.
Cycle.js — A functional and reactive JavaScript framework for predictable code.
Jasmine Greenway
John Papa

Chantastic talks with Sunil Pai about Facebook, Oculus, and what the future holds for the JavaScript community. They discuss Sunil’s early adventures in programming, the power of a great manager, why firebug changed everything, why he scowls at models, the ways we protect ourselves from criticism, being “evil by accident”, and becoming The CSS Guy for the rest of eternity.

Featuring

Sunil Pai — Twitter , Github
Michael Chan — Twitter , Github , Website

Notes & Links

The “Something” Statements — Sunil's React Rally 2018 talk
Oculus Rooms
Oculus Venues
glamor — inline css for react et al
css-suspense — css loading for react
emotion.sh — style as a function of state
Kye Hohenberger
Max Stoiber

Chantastic talks with Ryan Florence about Reach UI and why accessibility is important for everyone. They discuss the balance of physical and mental activity, Ryan’s foray into programming and entrepreneurship, the inspiration behind his accessibility-first component library, and why none of us are really full-stack developers.

Featuring

Ryan Florence — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

reach.tech
Reach UI — The accessible foundation of your React-based design system.
Voice Over — The screen Reader built into MacOS.
NVDA — The screen reader typically paired with FireFox.
JAWS The screen reader typically paired with IE11 or Edge.
React Spring — Helping react-motion and animated to become best friends
Gatsby v2 Announcement
MDX — A format that lets you seamlessly use JSX in your Markdown documents.
Tweet from Zack — "As someone who recently learned they're going blind, thank you. I never realized quite how important this work is until now and I regret not putting more effort into it in previous projects." — Zack
Brent Jackson

Chantastic talks with Kent C Dodds about his adventures in React development and why we should be optimizing code for delete-ability. They discuss React Rally, managing your career, taming your ego, keeping healthy and happy on Twitter, tools for composing components well and when to use them, and what’s next for React.

Featuring

Kent C. Dodds — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

downshift — 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
Compound Components — Ryan's Phoenix ReactJS talk on compound components
glamorous — 💄 Maintainable CSS with React
CodeSandbox
Prop Collections — How to give rendering control to users with prop getters
Simply React — Kent's 2018 React Rally talk on compound components and composition
react-redocx
mdx-deck
Brent Jackson
Adam Morse
Sunil Pai
Sarah Drasner
Marcy Sutton
Nitin Tulswani
Shawn Wang
Ryan Florence

Chantastic talks with Devon about her adventures in web development and why she organizes the ReactJS San Francisco Bay Area meetup. They discuss how to foster vibrant and inclusive communities, why React Rally is so special, and what it means that Apple is sponsoring a React conference.

Featuring

Devon Lindsey — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

ReactJS San Francisco Bay Area meetup
Contributing Vapor lightning talk at React.js Conf 2016
A hand wave of React for all your Internet of Thangs, React Rally 2017

Chantastic talks with Michael about his journey into open source and how he's building a business to sustain open source development. They discuss frontend libraries (then and now), the link between business and open source, the genesis of unpkg.com (a CDN for NPM), and the future of modules in the browser.

Featuring

Michael Jackson — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

Shadowbox.js — Michael's first open source project
React Router
UNPKG — A CDN for NPM
[UNPKG: The CDN for everything on npm] — Michael's 2017 React Rally talk on web modules
Can I use modules — Browser support for script type="module"
Babel on Open Collective — Support JavaScript innovation by donating

Chantastic talks with Nikolai about Prepack — a tool for making JavaScript code run faster. They discuss the goals and challenges before Prepack, why it makes global JavaScript faster, and how it could dramatically improve time to interactive performance in large React apps.

Featuring

Nikolai Tillmann — Twitter , Github
Michael Chan — Twitter , Github , Website

Notes & Links

Prepack
Prepack repl

Chantastic talks with Alex Reardon about his project react-beautiful-dnd. They discuss the physics of drag and drop, accessibility in any language, tricks and tactics for performance tuning UI, and engineering health in open source.

Checkout Alex’s free egghead.io course Beautiful and Accessible Drag and Drop with react-beautiful-dnd !

Featuring

Alex Reardon — Twitter , Github , Medium
Michael Chan — Twitter , Github , Website

Notes & Links

Atlaskit
Tweet announcing react-beautiful-dnd 8.0
Dragging React performance forward
Natural keyboard movement between lists
Rethinking drag and drop
Jira Core
Prettier
Jest
jsdom
skatejs
downshift
KeystoneJS
React Select
Render props

Michael and Michael talk with Ken about the good, bad, and ugly of open source. Ken shares the pain and frustration he's felt as an open source developer and what keeps him coming back for more as the Director of Open Source at Formidable Labs. They talk GraphQL, Reason, React, and the best tweet Ken ever tweeted...

Featuring

Ken Wheeler — Twitter , Github , Website
Michael Jackson — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

Formidable Labs: Open Source
URQL — Universal React Query Library
Building the Walmart iOS Pharmacy with React Native — Ken's first talk at React Conf 2016
Using React for Anything but Website — Ken's 2017 React Conf talk
Ken's Best Tweet
ReasonML
reason-react

Michael Jackson, Michael Chan talk with Shirley Wu about D3 and React, creative data visualization, her freelance work, and how she's helping React developers love D3.

Featuring

Shirley Wu — Twitter , Github , Website
Michael Jackson — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

data sketch|es A Nadieh & Shirley collaboration.
An Interactive Visualization of Every Line in Hamilton Analyzing 21,000 words for relational and thematic insights.
Film Flowers Top summer blockbusters reimagined as flowers.
Introduction to Data Visualization with d3.js v4 Video Course on Frontend Masters.
Semiotic for Data Visualization by Elijah Meeks .
info we trust. by RJ Andrews .
Matt DesLauriers — generative artist.
teamLab — Interactive projection mapping museum experiences.

Michael, Michael, and Harrison talk VX, Charting with D3, Airbnb engineering, and designing unopinionated component in React.

Featuring

Harrison Shoff — Twitter , Github , Medium
Michael Jackson — Twitter , Github , Website
Michael Chan — Twitter , Github , Website

Notes & Links

vx | visualization components
My Airbnb story
ReasonML
React Sketch.app
react-dates