Skill Piper

Send feedback

115: Eli White on Principles and React Native

115: Eli White on Principles and React Native

React Podcast 22 October 2020

Episode Description

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

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

...see more

More Episodes


123: Cassidy Williams on Dreams and Disasters in 2020

123: Cassidy Williams on Dreams and Disasters in 2020

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 Netlify 008: 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

17 December 2020


122: TJ VanToll on Online Events that Work

122: TJ VanToll on Online Events that Work

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

10 December 2020


121: Tim Neutkens on Next.js 10

121: Tim Neutkens on Next.js 10

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

3 December 2020


120: Tyler Mcginnis on ui.dev and Early React

120: Tyler Mcginnis on ui.dev and Early React

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

26 November 2020


119: Henry Zhu on Building Babel

119: Henry Zhu on Building Babel

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

19 November 2020


118: Jenn Creighton on Composition and Architecture

118: Jenn Creighton on Composition and Architecture

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

12 November 2020


117: Tom Preston-Werner on RedwoodJS

117: Tom Preston-Werner on RedwoodJS

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 RedwoodJS GitHub Twitter Community Discord repeater.dev — Background job processing for the Jamstack Netlify Functions Fauna Meteor 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

5 November 2020


116: Marcy Sutton on Accessibility and Fighting for Work You Believe In

116: Marcy Sutton on Accessibility and Fighting for Work You Believe In

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

29 October 2020


114: Shawn Swyx Wang on The Coding Career Handbook

114: Shawn Swyx Wang on The Coding Career Handbook

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

15 October 2020


113: Rick Casey on Building DIM (Destiny Item Manager)

113: Rick Casey on Building DIM (Destiny Item Manager)

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

8 October 2020


112: Kent C. Dodds on Epic React

112: Kent C. Dodds on Epic React

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

1 October 2020


111: Chris Biscardi on Building Online Community

111: Chris Biscardi on Building Online Community

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

24 September 2020


110: Sam Selikoff on Finding a Full Stack React

110: Sam Selikoff on Finding a Full Stack React

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

17 September 2020


109: Gant Laborde on Machine Learning

109: Gant Laborde on Machine Learning

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 experience AI 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

10 September 2020


108: Vaidehi Joshi on Building BaseCS

108: Vaidehi Joshi on Building BaseCS

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

3 September 2020


107: Sara Vieira on The Opinionated Guide to React

107: Sara Vieira on The Opinionated Guide to React

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

27 August 2020


106: Nikolas Burk on Prisma 2

106: Nikolas Burk on Prisma 2

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

20 August 2020


105: Tom Coleman on Storybook v6

105: Tom Coleman on Storybook v6

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

13 August 2020


104: Jani Eväkallio on Foam

104: Jani Eväkallio on Foam

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

6 August 2020


103: Pariss Athena on Black Tech Pipeline

103: Pariss Athena on Black Tech Pipeline

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

30 July 2020


102: Eve and Alex on Learning React

102: Eve and Alex on Learning React

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

23 July 2020


101: Chris on Code on Scotch.io and Learning by Building

101: Chris on Code on Scotch.io and Learning by Building

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

16 July 2020


100: The Business of Remix with Ryan Florence and Michael Jackson

100: The Business of Remix with Ryan Florence and Michael Jackson

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

9 July 2020


99: Michael Jackson and Ryan Florence on Remix

99: Michael Jackson and Ryan Florence on Remix

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

2 July 2020


98: Joel Hooks on Building egghead.io

98: Joel Hooks on Building egghead.io

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.

25 June 2020


97: Tomasz Łakomy on Serverless with AWS

97: Tomasz Łakomy on Serverless with AWS

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.

18 June 2020


96: Pete Hunt on Seven Years of Reconsidering Best Practices

96: Pete Hunt on Seven Years of Reconsidering Best Practices

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. reactpodcast.infinite.red for details.

28 May 2020


95: Dave Geddes on Mastery Games and the key to learning everything

95: Dave Geddes on Mastery Games and the key to learning everything

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. reactpodcast.infinite.red for details.

21 May 2020


94: Matt Perry on Magic Motion and React Performance Anxiety

94: Matt Perry on Magic Motion and React Performance Anxiety

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. reactpodcast.infinite.red for details.

14 May 2020


93: Domitrius Clark on Building Community and Surviving Code Bootcamp

93: Domitrius Clark on Building Community and Surviving Code Bootcamp

Dimitrius Clark joins us to drop some good nuggets on building community. 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 Saron Yitbarek Sponsor Build a beautiful functional React or React Native app with Infinite Red. reactpodcast.infinite.red for details.

7 May 2020


92: Chance Strickland on Reach UI and Building Composable Open Source

92: Chance Strickland on Reach UI and Building Composable Open Source

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. reactpodcast.infinite.red for details.

30 April 2020


91: Dominic Nguyen on Chromatic and Visual Regression Testing

91: Dominic Nguyen on Chromatic and Visual Regression Testing

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. try it out today, 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. reactpodcast.infinite.red for details.

23 April 2020


90: chantastic on Faith, Family, and Finding Your Place

90: chantastic on Faith, Family, and Finding Your Place

This week on React Podcast our guest is… me! 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 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. reactpodcast.infinite.red for details.

16 April 2020


89: Laurie Barth on Building a Career in Tech

89: Laurie Barth on Building a Career in Tech

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. reactpodcast.infinite.red for details.

9 April 2020


88: Adam Wathan on Making Your Own Money, Refactoring UI, and tailwindcss

88: Adam Wathan on Making Your Own Money, Refactoring UI, and tailwindcss

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. 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. reactpodcast.infinite.red for details.

2 April 2020


87: Chris Biscardi on a Post-Webpack Web Development

87: Chris Biscardi on a Post-Webpack Web Development

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, 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. reactpodcast.infinite.red for details.

26 March 2020


86: Maggie Appleton on the Power of Mental Models

86: Maggie Appleton on the Power of Mental Models

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. reactpodcast.infinite.red for details.

19 March 2020


85: Michael Jackson on React Router v6 and Empathy in Open Source

85: Michael Jackson on React Router v6 and Empathy in Open Source

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. reactpodcast.infinite.red for details.

12 March 2020


84: Max Stoiber on Finding Luck in Open Source

84: Max Stoiber on Finding Luck in Open Source

We sit down with Max Stoiber and find out what it takes to find luck in open source. 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

5 March 2020


83: David Khourshid on XState, Statecharts, and the Future of Designer—Coder Collaboration

83: David Khourshid on XState, Statecharts, and the Future of Designer—Coder Collaboration

David Khourshid is the man bringing statecharts to the frontend. For the month of february, we're chatting exclusively with Reactathon speakers. 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

27 February 2020


82: Becca Bailey on Refactoring React Components

82: Becca Bailey on Refactoring React Components

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

20 February 2020


81: Evan Bacon on Expo and the Future of "Build Once; Run Anywhere"

81: Evan Bacon on Expo and the Future of "Build Once; Run Anywhere"

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

13 February 2020


80: Daria Caraway on Building Considerate React Component APIs with TypeScript

80: Daria Caraway on Building Considerate React Component APIs with TypeScript

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

6 February 2020


79: Justin E. Samuels on Render(ATL)

79: Justin E. Samuels on Render(ATL)

Conferences are a big part of the React ecosystem. 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. 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

30 January 2020


78: Norma Miller on Captioning Tech

78: Norma Miller on Captioning Tech

Every few months, I like to explore professions that are adjacent to programming. Our guide for this industry is the fabulously giften Norma Miller of White Coat Captioning. Her company does primarily technical events, which gives her an interesting vantage point into tech conference culture. 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. 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

23 January 2020


77: Lee Byron — From PHP to React and GraphQL

77: Lee Byron — From PHP to React and GraphQL

We're kicking off a new decade by going back in time time to 1999, just 10 years after the birth of the internet. 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. 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

16 January 2020


76: Rachel Nabors on React Community Empowerment

76: Rachel Nabors on React Community Empowerment

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. 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. reactpodcast.infinite.red

12 December 2019


75: Sunil Pai on The Future of UI Frameworks

75: Sunil Pai on The Future of UI Frameworks

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. 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. reactpodcast.infinite.red

5 December 2019


74: Holiday Update with Chantastic (Short. 4 Minutes)

74: Holiday Update with Chantastic (Short. 4 Minutes)

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. reactpodcast.infinite.red

27 November 2019


73: Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools

73: Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools

Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, 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. 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. reactpodcast.infinite.red

21 November 2019


72: Kitze on Surviving Hype Driven Development Culture

72: Kitze on Surviving Hype Driven Development Culture

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. 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. clubhouse.io/react.

14 November 2019


71: Joe Savona on Relay and Data Fetching with Suspense

71: Joe Savona on Relay and Data Fetching with Suspense

In the immortal words of TLC, "Don't go chasing waterfalls". Joe Savona joins us to talk about avoiding waterfalls in your React code. 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. linode.com/react and use promo code: react2019 at checkout Clubhouse Clubhouse is project management that brings everyone, on every team, together. clubhouse.io/react.

7 November 2019


70: Andrew Clark on Concurrent Mode

70: Andrew Clark on Concurrent Mode

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. 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. 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. clubhouse.io/react.

31 October 2019


69: The Suspense is Almost Over — A Pre-ReactConf Concurrent React Rundown with Swyx

69: The Suspense is Almost Over — A Pre-ReactConf Concurrent React Rundown with Swyx

This week is React Conf! 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. 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 — 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 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. reactpodcast.infinite.red G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. 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.

22 October 2019


68: Lara Schenck on CSS Algorithms and Turd-Driven Development

68: Lara Schenck on CSS Algorithms and Turd-Driven Development

Today we sit with Lara Schenck to discuss CSS Algorithms and my favorite term of the year: Turd Driven Development. She's brilliant, obviously. But she offers hope, to teams that prioritize the work of design engineering. Do not miss her talk CSS Algorithms. 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. 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. 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.

17 October 2019


67: Swizec Teller on Hustle and Focus

67: Swizec Teller on Hustle and Focus

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. reactpodcast.infinite.red Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. Toptal today. toptaljobs.com and take back control of your career.

10 October 2019


66: Jonathan Cutrell on The Future of Work — Part 2

66: Jonathan Cutrell on The Future of Work — Part 2

This week we continue our discussion with Jonathan Cutrell about the future of work. We tackle a few important questions. 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. 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. 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. Toptal today. 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. discount code "SpecFM".

3 October 2019


65: Jonathan Cutrell on The Future of Work — Part 1

65: Jonathan Cutrell on The Future of Work — Part 1

This week we sit down with Jonathan Cutrell. When podcasters get together and talk. They talk... for hours. Today, we learn from Jonathan's transition from musical performer to developer. 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. Animating React. so much more! Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. Toptal today. toptaljobs.com and take back control of your career. Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. Toptal today. toptaljobs.com and take back control of your career.

26 September 2019


64: Chris Toomey on TypeScript, GraphQL, and Product Thinking

64: Chris Toomey on TypeScript, GraphQL, and Product Thinking

This week we sit down with Chris Toomey and address all the holy wars: This is a pragmatic look at how type systems can improve the way you build and talk about product. 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.

19 September 2019


63: Val Geisler on Communicating with Your Audience

63: Val Geisler on Communicating with Your Audience

This week we diverge from our typical technical focus to talk about communication. Many of you are developing a product. Selling requires more than great technical skills. Today we sit with Val Geisler — founder of Fix My Churn. 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 😻 Level Up Tutorials Become a better web developmer with Level Up Tutorials. 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.

12 September 2019


62: Chris Biscardi on Gatsby Themes and Developing a Content Pipeline

62: Chris Biscardi on Gatsby Themes and Developing a Content Pipeline

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.

5 September 2019


61: Phani Raju on the GitHub Package Registry

61: Phani Raju on the GitHub Package Registry

This week we sit down with Phani Raju. He's a Staff Engineer at GitHub and lead on the GitHub Package Registry. This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future. 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.

29 August 2019


60: James K Nelson on React with the Buzzwords

60: James K Nelson on React with the Buzzwords

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.

22 August 2019


59: Jamison Dance on Soft Skills and React Rally

59: Jamison Dance on Soft Skills and React Rally

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

15 August 2019


58: Eve Porcello on Learning GraphQL

58: Eve Porcello on Learning GraphQL

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

8 August 2019


57: Emma Bostian on Mentorship and codingcoach.io

57: Emma Bostian on Mentorship and codingcoach.io

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.

1 August 2019


56: Paul Henschel on React Spring

56: Paul Henschel on React Spring

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

25 July 2019


55: Erik Rasmussen on Final Form

55: Erik Rasmussen on Final Form

This week we sit with Erik Rasmussen to discuss forms in React. 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. 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.

18 July 2019


54: Get Access with Aaron Cannon

54: Get Access with Aaron Cannon

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

11 July 2019


53: Embrace the PHP with Next.js, Featuring Tim Neutkens

53: Embrace the PHP with Next.js, Featuring Tim Neutkens

Have you had the privilege of working in PHP? If you haven't let me tell you: It's magic For us React developers, everything is a lot more complicated. We want server-side rendering for Google crawl-ability, 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. 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 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.

7 July 2019


52: Be Visible with Sophia Shoemaker

52: Be Visible with Sophia Shoemaker

Navigating a career is tricky. 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. 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.

27 June 2019


51: Michel Westrate Wants You To Stop Writing State Reducers

51: Michel Westrate Wants You To Stop Writing State Reducers

How many times have you written a state reducer? 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 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. 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.

20 June 2019


50: Code and Trust with Saron Yitbarek

50: Code and Trust with Saron Yitbarek

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

30 May 2019


49: Break In with Scott Tolinski

49: Break In with Scott Tolinski

Scott Tolinski is creator of Level Up Totorials and co-host of Syntax — a tasty treats podcast for web developers. 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

23 May 2019


48: Open Source It with Jon Rohan

48: Open Source It with Jon Rohan

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. infinite.red/contact They're also a passionate advocate of remote work. Get The Remote Work handbook at remote.infinite.red.

16 May 2019


47: Develop Your Career with Kent C Dodds

47: Develop Your Career with Kent C Dodds

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. infinite.red/contact They're also a passionate advocate of remote work. Get The Remote Work handbook at remote.infinite.red.

9 May 2019


46: Progress with Houssein Djirdeh, on Progressive Web Apps and the Story of Building GitPoint with React Native

46: Progress with Houssein Djirdeh, on Progressive Web Apps and the Story of Building GitPoint with React Native

Houssein Djirdeh works with the Developer Relations team at Google, educating React developers on web application performance. 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. infinite.red/contact They're also a passionate advocate of remote work. Get The Remote Work handbook at remote.infinite.red.

2 May 2019


45: Version Responsibly with Michael Jackson

45: Version Responsibly with Michael Jackson

Versioning. How do we do it? It's a lot more complicated than "just use semver!" 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? 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.

25 April 2019


44: Create Value for Others with Nader Dabit. On podcasting, speaking, mobile devrel at AWS Amplify, AppSync for simple GraphQL servers, and his new book React Native in Action.

44: Create Value for Others with Nader Dabit. On podcasting, speaking, mobile devrel at AWS Amplify, AppSync for simple GraphQL servers, and his new book React Native in Action.

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? 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 — 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

18 April 2019


43: Dive In with Jamon Holmgren. On Career, Consultancy, Conference Organization, Open Source, and Courageous Entrepreneurship

43: Dive In with Jamon Holmgren. On Career, Consultancy, Conference Organization, Open Source, and Courageous Entrepreneurship

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

11 April 2019


42: Build Dumb Shit with Sara Vieira. On being you, "change the world" bullshit, succeeding against mental illness, and teaching what you know.

42: Build Dumb Shit with Sara Vieira. On being you, "change the world" bullshit, succeeding against mental illness, and teaching what you know.

Sara is a developer on the beloved CodeSandbox app. 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

4 April 2019


41: Be Super with TypeScript and Jared Palmer. On the when, where, what, why, and how much of TypeScript in React.

41: Be Super with TypeScript and Jared Palmer. On the when, where, what, why, and how much of TypeScript in React.

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. Chantastic asks Jared what we need to know to get a little TypeScript into our apps. 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

28 March 2019


40: Lift as you Climb with Cassidy Williams. On React, Redux, and GraphQL at CodePen, teaching, @smkmeetup, following your dreams (literally), and building your dream network.

40: Lift as you Climb with Cassidy Williams. On React, Redux, and GraphQL at CodePen, teaching, @smkmeetup, following your dreams (literally), and building your dream network.

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

21 March 2019


39: Take Your Time with Kyle Shevlin. On healing from burnout, interviewing as a senior dev, building your brand, knowing your worth, and overcoming the desire for more.

39: Take Your Time with Kyle Shevlin. On healing from burnout, interviewing as a senior dev, building your brand, knowing your worth, and overcoming the desire for more.

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

14 March 2019


38: Learn to Learn with Kyle Shevlin. Building a great career, finding your tribe, learning how to learn, and shipping your side projects.

38: Learn to Learn with Kyle Shevlin. Building a great career, finding your tribe, learning how to learn, and shipping your side projects.

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

7 March 2019


37: Decide with Your Human Brain, with Brian Vaughn. On the new React profiler, windowing, and intelligent performance tuning.

37: Decide with Your Human Brain, with Brian Vaughn. On the new React profiler, windowing, and intelligent performance tuning.

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

28 February 2019


36: Be Wrong with Shawn Swyx Wang. On what's new in React, how best to learn, and what's going on in r/reactjs

36: Be Wrong with Shawn Swyx Wang. On what's new in React, how best to learn, and what's going on in r/reactjs

Sean Swyx Wang moderates and organizes r/reactjs on Reddit. 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

21 February 2019


35: Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web

35: Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web

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

17 January 2019


34: Just Use a Button with Jen Luker

34: Just Use a Button with Jen Luker

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

9 January 2019


33: Transcendence and the Future of React with Laurie Voss

33: Transcendence and the Future of React with Laurie Voss

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

19 December 2018


32: Steal the Platform with Vincent Riemer

32: Steal the Platform with Vincent Riemer

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

12 December 2018


31: Hooks are Mixins with Ryan Florence

31: Hooks are Mixins with Ryan Florence

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"

4 December 2018


30: Develop in the Cloud with Christina Holland

30: Develop in the Cloud with Christina Holland

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

28 November 2018


29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer

29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer

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!

20 November 2018


28: Be Healthy and Love Gatsby with Jason Lengstorf

28: Be Healthy and Love Gatsby with Jason Lengstorf

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

14 November 2018


27: React Today and Tomorrow with the React Core Team

27: React Today and Tomorrow with the React Core Team

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

31 October 2018


26: Chill Out and Listen with Brad Frost

26: Chill Out and Listen with Brad Frost

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

23 October 2018


25: Make Brilliant Messes with Diana Mounter and Emily Plummer

25: Make Brilliant Messes with Diana Mounter and Emily Plummer

Diana and Emily create design systems at Github. 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 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

16 October 2018


24: Chase Whimsy with Burke Holland

24: Chase Whimsy with Burke Holland

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

9 October 2018


23: Ditch Authority with Sunil Pai

23: Ditch Authority with Sunil Pai

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

2 October 2018


22: Promise Accessibility with Ryan Florence

22: Promise Accessibility with Ryan Florence

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

26 September 2018


21: Delete Your Components with Kent C. Dodds

21: Delete Your Components with Kent C. Dodds

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

18 September 2018


20: Foster Vibrant and Inclusive Communities with Devon Lindsey

20: Foster Vibrant and Inclusive Communities with Devon Lindsey

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

11 September 2018


19: Supporting Open Source with Michael Jackson

19: Supporting Open Source with Michael Jackson

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

4 September 2018


18: Prepack and the Future of JavaScript Performance with Nikolai Tillmann

18: Prepack and the Future of JavaScript Performance with Nikolai Tillmann

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

28 August 2018


17: Fast, Accessible, and Beautiful Drag and Drop with Alex Reardon

17: Fast, Accessible, and Beautiful Drag and Drop with Alex Reardon

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

21 August 2018


16: The Good, Bad, and Ugly of Open Source with Ken Wheeler

16: The Good, Bad, and Ugly of Open Source with Ken Wheeler

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

14 August 2018


15: Data Visualization with Shirley Wu

15: Data Visualization with Shirley Wu

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.

7 August 2018


14: VX and D3 Charting with Harrison Shoff

14: VX and D3 Charting with Harrison Shoff

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

31 July 2018


13: Gatsby and GraphQL with Kurt Kemple

13: Gatsby and GraphQL with Kurt Kemple

Michael, Michael, and Kurt talk Gatsby, GraphQL, debugging Node, gaining buy-in on big teams, and the future of Gatsby. Featuring Kurt Kemple — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links Implementing GraphQL at Major League Soccer NODESOURCE 5 things they don't want you to know about React-Apollo GraphQL NYC I'm fucking depressed, but it's going to be okay Up and Running with Universal Components Lona Tools for building design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.

18 July 2018


12: Coming to React with Sara Vieira

12: Coming to React with Sara Vieira

Sara Vieira is easily one of the most entertaining people we've ever had on this show. She has been working with React over the past few years and has recently been traveling around Europe and giving free workshops on React in London and at React Finland. Featuring Sara Vieira — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes Make Frontend Shit Again Awesome Talks The destructured horse!

5 June 2018


11: Inside React with Sophie Alpert

11: Inside React with Sophie Alpert

Sophie Alpert is a core contributor to React and is currently the engineering manager for the React team at Facebook. She has been contributing to React for over 3 years now, making her first contributions while she was working as an engineer at Khan Academy. Featuring Sophie Alpert — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes React v16.0 React 16 rewrite Improving the React repo infrastructure Hi, I'm trans.

29 May 2018


10: Codesandbox with Ives van Hoorne

10: Codesandbox with Ives van Hoorne

Ives van Hoorne is the creator of Codesandbox; an online code editor written completely in React. Although Codesandbox is written in React, it can be used to build applications for any front-end framework. Featuring Featuring Ives van Hoorne — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes Codesandbox codesandbox-client Cerebral

22 May 2018


9: Emotion with Kye Hohenberger

9: Emotion with Kye Hohenberger

Kye Hohenberger is the author of the Emotion JavaScript library, a popular choice among React developers who prefer using CSS-in-JS to traditional CSS stylesheets. In this episode we discuss his work on Emotion including where he got the initial inspiration for the project and his motivation for creating it. We also discuss the future of the project and what may be in store for the future of CSS-in-JS. Featuring Kye Hohenberger — Twitter, Github Michael Jackson — Twitter, Github, Website Notes Emotion Emotion "next" (experimental) glam stylis.js

15 May 2018


8: React Perf Devtool with Nitin Tulswani

8: React Perf Devtool with Nitin Tulswani

Nitin Tulswani is a prolific developer and the creator of react-perf-devtool, a library that helps with profiling the performance of your React components since react-addons-perf was deprecated in React 16. In this episode we discuss Nitin's approach to writing code and the motivation behind several of his open source projects. Featuring Kurt Kemple — Twitter, Github Michael Jackson — Twitter, Github, Website Notes react-perf-devtool redocx, A docx renderer for React terminal-in-react

8 May 2018


7: React and Electron with James Long

7: React and Electron with James Long

James Long is a prolific blogger and the author of several open source libraries including Prettier. He has recently started developing Actual, a budgeting app built in React and Electron. In this episode we talk about James' approach to business, as well as take a peek behind the scenes at how he works with React. Featuring James Long — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Jed Watson — Twitter, Github, Website Notes Actual Budget Electron Error Handling in React 16 Sentry react-testing-library

24 April 2018


6: Async React with Andrew Clark

6: Async React with Andrew Clark

Andrew Clark is a developer on the React core team at Facebook who has been working on asynchronous rendering. In this episode we do a deep dive on some of the decisions behind the implementation of async mode in React 16 as well as talk about how applications can benefit from using it. Featuring Andrew Clark — Twitter, Github Michael Jackson — Twitter, Github, Website Notes Preview of Async Features in React 16 react-basic - core concepts of React Update on Async Rendering in React

10 April 2018


5: Finite State Machines with David Khourshid

5: Finite State Machines with David Khourshid

In this episode Michael Jackson talks with David Khourshid about State Machines. David is a developer on the Visual Studio Live Share team at Microsoft. Recently, he's been exploring methods of using finite state machines together with React to create predictable flows through applications that are easy to follow and test. Featuring David Khourshid — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes xstate Statecharts: A Visual Formalism for Complex Systems

3 April 2018


4: Babel and open source sustainability with Henry Zhu

4: Babel and open source sustainability with Henry Zhu

In this episode Michael Jackson talks with Henry Zhu, maintainer of the hugely popular Babel project, about open source sustainability and what's coming next for the Babel project. Featuring Henry Zhu — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes Babel is a JavaScript compiler Support the development of Babel on Henry's Patreon page

30 March 2018


3: The Future of React with Dan Abramov

3: The Future of React with Dan Abramov

In this episode Michael Jackson talks with Dan Abramov, author of Redux and create-react-app, about the responsibility that comes with being an influential voice for React, how future versions of React will leverage requestIdleCallback to schedule work, and the possibility of a future API for React that makes it easier to do async work. Featuring Dan Abramov — Twitter, Github Michael Jackson — Twitter, Github, Website Notes Beyond React 16 by Dan Abramov at JSConf Iceland requestIdleCallback API

28 February 2018


2: Razzle, After.js, and Formik with Jared Palmer

2: Razzle, After.js, and Formik with Jared Palmer

In this episode Michael Jackson talks with Jared Palmer about Razzle, After.js, Formik, several other open source libraries from Jared, as well as Typescript and the implications of the upcoming async APIs in React. Featuring Jared Palmer — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes Razzle - Create server-rendered universal JavaScript applications with no configuration ✨ after.js - If Next.js and React Router had a baby... Formik - Build forms in React, without the tears 😭 Reason ML

20 February 2018


1: React Native for web with Nicolas Gallagher

1: React Native for web with Nicolas Gallagher

Welcome to the inaugural episode of The React Podcast. In this episode Michael Jackson talks with Nicolas Gallagher about his project React Native for Web, the React Native API, how Twitter's new mobile website is powered by React Native for Web, and more. Featuring Nicolas Gallagher — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes React Native for Web React Native for Web is used by — Twitter, Major League Soccer, Flipkart, Playstation, Uber, The , React Native's React Native - Components and APIs Twitter Lite, React Native, and Progressive Web Apps by Nicolas Gallagher at ReactRally

29 January 2018

Skill Piper
HomeBlogAboutContactNewsletter

© 2022 Skill Piper. All rights reserved

Twitter