React Podcast: Recent Episodes
Michael Chan
FeaturingCassidy Williams β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
RetoolBuild 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
HoneybadgerWhen you push code with errors, and those error makes it all the way to a user, you want Honeybadger monitoring at your back.
Get 30% off for 6 months Honeybadger by mentioning React Podcast at sign-up. There's no credit card required.
Just visit Honebadger.io.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingTJ VanToll β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
SponsorsHoneybadgerWhen 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingTim Neutkens β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
SponsorsHoneybadgerWhen 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingTyler McGinnis β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
LinksGet 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
SponsorsHoneybadgerWhen 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingHenry Zhu β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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)
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingJenn Creighton β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingTom Preston-Werner β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
DiscordJoin 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
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!Marcy's doing a workshop!Don't miss Front-End Accessibility Masterclass November 6th with Smashing.
DiscordJoin 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!
FeaturingMarcy 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
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Eli and Subscribe for future chats!
FeaturingEli White β Twitter, GitHub, Website
chantastic β Twitter, GitHub, Website
Links* React Native Team Principles on the React Native blog, July 17, 2020 * ComponentKit β A declarative UI framework for iOS * Litho β Litho: A declarative UI framework for Android * Flutter β Googleβs UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. * SwiftUI * Jetpack Compose β Androidβs modern toolkit for building native UI * Expo β The fastest way to build an app * React Native: Discussions and Proposals * Fast Refresh * Microsoft Code Push β App Center cloud service that enables Apache Cordova and React Native developers to deploy mobile app updates directly to their usersβ devices * React Native Windows on GitHub
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Swyx and Subscribe for future chats!
FeaturingShawn 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
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
As an Amazon Associate I earn from qualifying Amazon purchases.
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Rick and Subscribe for future chats!
FeaturingRick 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
SponsorsAWS AmplifyAWS 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Kent and Subscribe for future chats!
FeaturingKent 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
SponsorsInfinite RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
imgIXimgIX 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 involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Chris and Subscribe for future chats!
FeaturingChris 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
SponsorsInfinite RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
imgIXimgIX 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 involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Sam and Subscribe for future chats!
FeaturingSam 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
SponsorsInfinite RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
imgIXimgIX 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 involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
News!We have a YouTube channel for React Podcast π₯³
Watch the livestream of this chat with Gant and Subscribe for future videos!
FeaturingGant 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
SponsorsRetoolBuild 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
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
SponsorsRetoolBuild 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 RedIn over your head with a React or React Native app?
Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years.
Learn more at reactpodcast.infinite.red.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
- The Opinionated Guide to React by Sara 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 :)
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
FeaturingNikolas 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]
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
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
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
Get involvedBlack Lives MatterPlease join us in donating to the Equal Justice Initiative
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
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
HoneybadgerWhen you push code with errors, and those error makes it all the way to a user, you want Honeybadger monitoring at your back.
Get 30% off for 6 months Honeybadger by mentioning React Podcast at sign-up. There's no credit card required.
Just visit Honebadger.io.
Black Lives MatterPlease join us in donating to the Equal Justice Initiative
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)
CorrectionsThere were two places where I spoke without providing enough context for the listeners. People have asked and, given the importance of the topic, I'd like to add that context here:
"We're doing fine...": To support a point about exclusively supporting Black and Brown groups, excluding other people of color, I said (about Asians) "we're doing fine". This is an oversimplification. I meant "Asian representation in tech is significantly better β at American tech companies β than that of Black and Brown folks." I didn't mean to diminish the challenges that Asian developers and designers face in the workplace but to say β by comparison β I've never worked at a growing company where I was the only person who looked like me (for long).
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
HoneybadgerWhen you push code with errors, and those error makes it all the way to a user, you want Honeybadger monitoring at your back.
Get 30% off for 6 months Honeybadger by mentioning React Podcast at sign-up. There's no credit card required.
Just visit Honebadger.io.
Black Lives MatterPlease join us in donating to the Equal Justice Initiative
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
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
TestCafeA node.js tool to automate end-to-end web testing.
Write tests in JS or TypeScript.
TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.
It's free, open source, and will help you enjoy writing end-to-end tests.
Visit testcafe.io to automate your code testing β free!
Black Lives MatterPlease join us in donating to the Equal Justice Initiative
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
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
TestCafeA node.js tool to automate end-to-end web testing.
Write tests in JS or TypeScript.
TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.
It's free, open source, and will help you enjoy writing end-to-end tests.
Visit testcafe.io to automate your code testing β free!
Black Lives MatterPlease join us in donating to the Equal Justice Initiative
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)
SponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.
They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.
TestCafeA node.js tool to automate end-to-end web testing.
Write tests in JS or TypeScript.
TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.
It's free, open source, and will help you enjoy writing end-to-end tests.
Visit testcafe.io to automate your code testing β free!
Black Lives MatterPlease join us in donating to the Equal Justice Initiative
- Remix β a killer React framework from the creators of React 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
SponsorInfinite 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 MatterPlease join us a donating to the Equal Justice Initiative
Joel Hooks shares the story of egghead.io.
Joel and chantastic talk about doing the work, the overrated role of passion, the power of a grudge, and building yourself into your own boss...
FeaturingJoel Hooks β Twitter, GitHub, 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
SponsorBuild a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Tomasz Εakomy shares secrets to survive the rapidly changing frontend landscape.
Tomasz and chantastic talk serverless, end-to-end testing with cypress, and the greatest frontend tool of all time: jQuery.
Featuring* Tomasz Εakomy β Twitter, GitHub, Website * chantastic β Twitter, GitHub, Website
AnnouncementBuild an App with the AWS Cloud Development Kit with Tomasz Εakomy's new AWS course on eggheadLinks* 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
SponsorBuild a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
To celebrate 7 years of React, we have a very special guest: Pete Hunt.
Heβs the one who asked us to give React just 5 minutes, to reconsider our established frontend practices, and see if separation of technologies was serving us as well as we thought.
Pete tells us about the early days of React β itβs rocky community reception, Facebookβs struggle to create meaningful open source, and betting big on CommonJS and a little-known bundler named Webpack.
Featuring * Pete Hunt β Twitter, GitHub * chantastic β Twitter, GitHub
Links * Tom Occhino and Jordan Walke: JS Apps at Facebook β React.js announcement at JSConf 2013 * Vjeux * Tom Occhino * Jordan Walke * Angular * emberjs * SproutCore * Pete Hunt: React: Rethinking best practices β Peteβs landmark talk at JSConf EU 2013 * Facebook Open Source * James Pearce * Paul O`Shannessy * webpack * Backbone.js * page.js * TypeScript * Closure Compiler * TypeScript Compiler API * ts-morph * webassembly * Twitter acquires anti-abuse technology provider Smyte
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Dave Geddes tells us about the science of learning and how he uses it to ensure success at mastery.games β where he teaches CSS layout, service workers, and more.
We talk about the importance of sleep for learning, the joy of graduating from employee to entrepreneur, and how exterminating a few critters can help you master CSS Grid once and for all
Featuring * Dave Geddes β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * React Rally * A Complete Guide to Flexbox on CSS-TRICKS * Flexbox Zombies on mastery.games * How to write tweet by @chantastic * Finish: Give Yourself the Gift of Done book by Jon Acuff * CSS Grid Layout * Jen Simmons * Rachel Andrew * The Tetris Effect a talk by Dave at ng-conf 2018 * Service Workies β Learn Service Workers inside and out with the new game of Service Worker * Day9TV β Be a Better Gamer * Why We Sleep: Unlocking the Power of Sleep and Dreams β book by Matthew Walker, PhD * Procedural memory (unconscious memory) on Wkipedia * Get Started with Debugging JavaScript in Chrome DevTools on developers.google.com * grid critters β Makes building modern layouts a snap * vim.guide my guide to Vim letter-by-letter * Overwatch Hero Picker with CSS CSS Grid tutorial by Dave * Web Animations API on MDN * CSS Houdini on MDN * clip-path on MDN * mastery.games * Twitter
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
This week Matt Perry tells about Magic Motion β the killer new feature for Framer Motion that makes shared element transitions easy for React developers
We talk about full-stack correction for FLIP animations, the virtuous relationship between product and open source, and how βfear-driven developmentβ kept him from finding a Magic Motion solutions earlierβ¦
Featuring * Matt Perry β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links
* 35: Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web
* 27: React Today and Tomorrow with the React Core Team
* The Path To A Declaratively Animated Future β Mattβs talk at React Conf 2018
* Pose β A truly simple animation library for React, React Native, and Vue
* Popmotion β Simple libraries for delightful interfaces
* Framer β Always interactive, lightning fast design
* Framer Motion β An open source React library to power production-ready animations. Design fluid animations for the web, across desktop and mobile
* βUSPβ β unique selling proposition on Wikipedia
* Apple Keynote
* @framer magic motion search on Twitter
* FLIP Your Animations by Paul Lewis
* Framer Motion AnimatePresence implementation on GitHub
* [Framer Motion `SyncLayout] implementation](https://github.com/framer/motion/blob/07bc47044780a0399c0e2bd02f74719c22bcaa52/src/components/SyncLayout.tsx) on GitHub
* react-three-fiber
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Dimitrius Clark joins us to drop some good nuggets on building community.
We talk about his meetup Reactadelphia, tips for finding the best Code Bootcamps, and how to supercharge your career after graduation β using all the corniest career advice.
Featuring * Domitrius Clark β twitter, github, egghead * chantastic β twitter, github, egghead
Links * Chance the Dev podcast * Domitriusβ Egghead profile * Cloudinary β efficiently manage, optimize, and deliver images, videos and other media across every device and channel * Reactadelphia + Sarah Wylie + Ryan Harris + Dorlorian Dickson + Cody Casey + Zak Butcher * Ali Spittel * Kent C. Dodds * Jason Lengstorf * calendly β schedule meetings without the back-and-forth emails * Unemployment by chantastic * Write Fewer Tests! From Automation to Autogeneration - David Khourshid - React Rally 2019 * Party Corgi Network + Chris Biscrdi * CodeNewbie β the most supportive community of programmers
and people learning to code + Saron Yitbarek
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Chance Strickland (@chancethedev) and chantastic talk about Reach UI and building flexible libraries for the web.
They talk about separation of logic with statecharts, the cascading complexity of accessibility, unopinionated approaches to styling, and the career effects of great open source.
Featuring * Chance Strickland β Twitter, GitHub, Website * chantastic β Twitter, GitHub, Website
Links * Reach UI β An accessible foundation of your React-based design system. + ListBox Component + Menu Button Component + Tabs Component + Styling Reach UI * Ryan Florence on Twitter * statecharts β a quick introduction * xstate by David Khourshid + @xstate/fsm * React Training β Learn from the creators of React Router and Reach UI * TypeScript β JavaScript that scales * React useReducer Hook * lerna β A tool for managing JavaScript projects with multiple packages * tsdx β Zero-config CLI for TypeScript package development by Jared Palmer * Modulz β The visual code editor * Chance The Developer Podcast
Related episodes * 83: David Khourshid on XState, Statecharts, and the Future of DesignerβCoder Collaboration * 80: Daria Caraway on Building Considerate React Component APIs with TypeScript * 64: Chris Toomey on TypeScript, GraphQL, and Product Thinking * 41: Be Super with TypeScript and Jared Palmer. On the when, where, what, why, and how much of TypeScript in React * 5: Finite State Machines with David Khourshid
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Dominic Nguyen joins us to talk about visual regression testing for design systems with chromatic β the important differences between snapshot testing and visual testing, why the component construct was the missing piece, and how chromatic gives teams confidence.
Chromaticβs free plan will be hitting shelfves next week.
We are ahead of it by just a few days.
But if you want to try it out today,
Start a 30-day trial and switch to the new, free plan next week.
Featuring * chantastic β Twitter, GitHub * Dominic Nguyen β Twitter, GitHub * chromatic βTwitter, Website, Blog
Links * chroma β We build tools to help frontend developers build, test, and share UI components * Storybook β An open source tool for developing UI components in isolation for React, Vue, and Angular * Writing Stories in Storybook * atomic design by Brad Frost * Jest Snapshot Testing * Kurt Kemple * BackstopJS * chromatic 2.0 beta * prettier
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
This week on React Podcast our guest is⦠me!
Max Stoiber takes the host seat to ask about my journey from unemployment line to React Podcaster.
Nothing is off limits. We talk faith, family, cancer, death, and finding a place in techβ¦
Thanks Max for dreaming up this episode and convincing me to do it.
Featuring * chantastic β Twitter, Website, GitHub * Max Stoiber β Twitter, Website, GitHub
Links * Waiting for Autumn β Memories of You on YouTube β A super embarrassing song and slideshow by by early 2000's emo band * Now I know Forever, Waiting for Autumn on SoundCloud * My 1998 show choir picture on Twitter * How to build a blog engine in 15 minutes with Ruby on Rails * CodeIgniter β A powerful PHP framework with a very small footprint * ExpressionEngine * Classic Showcase β My first contract design and CMS * Hot Garbage Clean Code is Dead on YouTube * ember β A framework for ambitious
web developers * 136: Michael Chan - React Is Not a Rails Competitor on Full Stack Radio * Thinking in React, talking about one-way data flow * Planning Center Services LIVE 3.0 Announcement * CoffeeScript β A little language that compiles into JavaScript * Custom properties: CSS variables on MDN * Bird Call Review β My first podcast with Jeremy Ricketts * Original React Podcast squad + Zach Silveira + Jed Waston + Naman Goel * Michael Jackson β Hosted React Podcast 1-17 * Spec Network β The incredible network that produces this very show * Briefs with Chantastic + Kids and Death + Ambition, The Liar
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Laurie Barth joins us to talk about building a career youβll love, networking you wonβt hate, and a proven strategy to beat imposter syndrome.
Featuring * Laurie Barth β Twitter, Website, Github, egghead * chantastic β Twitter, Website, GitHub, egghead
Notes and Links
The test of a first-rate intelligence is the ability to hold two opposed ideas in the mind at the same time, and still retain the ability to function. One should [β¦] be able to see that things are hopeless and yet be determined to make them otherwise β F. Scott Fitzgerald
- Gatsby Team
- Gatsby Cloud
- So Good They Canβt Ignore You: Why Skills Trump Passion in the Quest for Work You Love by Cal Newport, on Amazon (βcareer capitalβ)
- How to talk like an Engineer by Laurie, on YouTube
- Gatsby.js Tutorials
-
- Set Up Your Development Environment
-
- Svelte
- React Hooks
- React Concurrent Mode
- βassume the reader has zero prior knowledge but infinite intelligenceβ quoted by Dan Abramov on Twitter
- Hot Garbage Clean Code is Dead β by Me, on YouTube
- Kim Maida
- βHell yeah!β or βnoβ by Derek Sivers, from Anything You Want on Amazon
- Lindsey Kopacz
- Chris Biscardi
- Imposter syndrome
- Dunning-Kruger effect
- Gridsome
- 11ty
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Adam Wathan tells us what it takes to make your own money.
Heβs a prolific author, podcaster, educator, open source creator, and true fullstack developer.
He shares a look into what it took to make Refactoring UI and Tailwind CSS smash hits.
Featuring * Adam Wathan β Twitter, Website, Github, egghead * chantastic β Twitter, Website, GitHub, egghead
Links * tailwindcss β A utility-first CSS framework for rapidly building custom designs * [tailwindui] (https://tailwindui.com/) β Beautiful UI components, crafted by the creators of Tailwind CSS * Refactoring UI β Design awesome UIs by yourself using specific tactics explained from a developerβs point-of-view * tailwindui launch tweet * Utility-First β description on tailwindcss.com * Vue.js β The Progressive JavaScript Framework * Laravel β The PHP Framework for Web Artisans * Resistance β articles by author Steven Pressfield * Justin Jackson on people like Adam Wathan * Test Driven Laravel β A course by Adam Wathan * Reaper β A complete digital audio production application * Steve Schoger * [Refactoring to Collections](https://adamwathan.me/refactoring-to-collections](https://adamwathan.me/refactoring-to-collections/) β Adamβs first book * Nathan Berry * ConvertKit * Full Stack Radio episodes mentioned + 5: Ryan Singer - Jobs-to-be-Done and Product Design + 16: Kent Beck β Tiny Decisions and Emergent Design + 32: DHH - Building Basecamp 3 like a Porsche 911 + 131: Ryan Singer - How Basecamp Builds Software + 112: Guillermo Rauch - Building Serverless Applications with Now + 126: James Long + 136: Michael Chan - React Is Not a Rails Competitor β IT ME!
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
Chris Biscardi and I talk about using the platform β what happened in the browser while we were webpacking all-the-things-in-js.
We talk about the future of JavaScript meta frameworks, a return to Rails, serverless provider lock-in, and the value of content creation in an economic downturn.
Featuring * Chris Biscardi β Twitter, Website, Github, egghead * chantastic β Twitter, Website, GitHub, egghead
Links
* Gatsby β build blazing fast websites and apps
* Wordpress
* MDX β Markdown for the component era
* Slate β A customizable framework for building rich text editors
* Netlify Functions
* AWS Lambda
* Party Corgi Tank Top
* Joel Hooks on Twitter
* [illustrated.dev] β Illastrated Explanations & Notes by Maggie Appleton
* 86: Maggie Appleton on the Power of Mental Models β last weekβs episode with Maggie on illustrated.dev and the power of cognative metaphors
* Composable Gatsby Themes course on egghead
* Build an App with React Suspense course on egghead
* Shipping Sector, Toast, and more β Chrisβ introduction post on removing Gatsby from his personal site
* sector on Twitter
* Toast on Github
* JamStack
* webpack
* rollup.js
* Service Worker API
* NextJS
* Snowpack β Build web applications with less tooling and 10x faster iteration
* babel-plugin-preval
* SVG use with External Referenc, Take 2 on CSS-TRICKS
* Rome β an experimental JavaScript toolchain by the creator of Babel. A compiler,
linter, formatter, bundler, testing framework and more * Rust β A language empowering everyone to build reliable and efficient software * Rails β everything you need to build fantastic applications * Babel β created by Sebastian McKenzie and maintained by Henry Zhu * Rails Resource verbage * GraphQL β A query language for your API * RedwoodJS β Bringing full-stack to the JAMstack * gRPC on Wikipedia * Azure β more than 100 services to build, deploy, and manage applicationsβin the cloud, on-premises, and at the edge * AWS Snowmobile β Migrate or transport exabyte-scale data sets into and out of AWS * #staythefuckhome on Twitter * Refactoring UI β Learn how to design awesome UIs by yourself using specific tactics explained from a developerβs point-of-view * freeCodeCamp post COVID-19 on Twitter * βbe an investment, not an expense π°β β Amy Hoy on Twitter * :party-corgi: chat on Discord
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
We learn from Maggie Appleton about mental models, conceptual metaphor theory, culture, creative thinking, drawing a box, and how it all comes together in her incredible Egghead course artwork.
Featuring * Maggie Appleton β Twitter, Website, Dribbble * chantastic β Twitter, Website, GitHub
Links * egghead * Build an App with React Suspense β my suspense course on egghead * iconfactory * justjavascript.com * State Monad in JavaScript on egghead * Deep Work: Rules for Focused Success in a Distracting World by Cal Newport β on Myelination * Conceptual Metaphor Theory on Wikipedia + George Lakoff on Wikipedia * Cultural anthropology on Wikipedia * Sketching and Logo Creation (with Maggie Appleton) β Learn With Jason * Language Tools + OneLook + The Phrase Thesaurus + Online Etymology Dictionary * βYes, andβ¦β thinking on Wikipedia * Lateral thinking on Wikipedia + Po (provocative operation) + Lateral Thinking: Creativity Step by Step by Edward De Bono * Draw A Box * Higher-order component on reactpatterns.com * Higher-order function on eloquentjavascript.net * Tools + Procreate for iPad + Adobe Illustrator + Keyboard Maestro * illustrated.dev * Joel Hooks * Meat Planet β The Illustrated Notes * Maggie Appleton on Open Source as a Gift on [Maintainers Anonymous] with Henry Zhu
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
This week we chat with Michael of React Training and learn everything we need to know about React Router v6 β what's in store, how to update, and what he's learned about empathy in the process.
Featuring * Michael Jackson β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
React Suspense Course Get up to speed fast on React Suspense in my crash course at reactsuspense.com!
Links
* 75: Sunil Pai on The Future of UI Frameworks
* React Training
+ react-router
+ reach-ui
+ history on npm
* Chance Strickland
* Navigation Blocking in history v5 β Michael's screencast illustrating histoyr.block()
* reach-router
* render prop pattern
* Tim Dorr
* Component Component on Twitter
* React Hooks
* React Suspense
* Relay
* usePreloadedQuery
* Build an App with React Suspens β Chantastic's course on Suspense
* 71: Joe Savona on Relay and Data Fetching with Suspense
* preact-router
* NextJS
* React Router Hooks
* Route component prop
* Route render prop
* @ryanflorence on Push vs Pull APIs
* 69: The Suspense is Almost Over β A Pre-ReactConf Concurrent React Rundown with Swyx
* DefinitelyType
* Kristofer Baxter
* Closure Compiler
* Rollup
* @babel/preset-modules by Jason Miller
* tsdx by Jared Palmer
* microbundle by Jason Miller
* Lerna β A tool for managing JavaScript projects with multiple packages
* Brian Vaughn
* React Training Workshops and Instructors
Sponsor Build a beautiful functional React or React Native app with Infinite Red.
Get two tickets to the 2021 Chain React conference when you start or refer a new project.
Visit reactpodcast.infinite.red for details.
We sit down with Max Stoiber and find out what it takes to find luck in open source.
Max is the creator of react-boilerploit and the co-creator of styled-components and spectrum.chat.
Featuring * Max Stoiber β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * GitHub * Gatsby * spectrum * styled-components * react-boilerplate * left-pad * hackernews * I want you to contribute to open source β Max's Talk at React Rally 2017 * Stripe open source * Nick Graph * Jed Watson * thinkmill * Glen Madden * CSS Modules * tagged-template literal * styled-components v4 announcement tweet * >
Make it Work. Make it Right. Make it Fast β Kent Beck and UnixWay
- Bryn Jackson
- Brian Lovin
- Design Details podcast
- Spec Network
- Preact
- Blocks Announcement by John Otander
- Blocks UI
- React Podcast with Sunil Pai
- Brent Jackson
- John Otander
David Khourshid is the man bringing statecharts to the frontend.
We talk about XState, model-based testing with xstate-test, and the future designer/coder integration
For the month of february, we're chatting exclusively with Reactathon speakers.
You can hear more from David on the topic state-charts for UI development this march.
Reactathon is a top React conference in the heart of San Francisco.
David and I will be there, chewing people's ears off about better designer tooling.
Get a ticket at reactathon.com.
Featuring * David Khourshid β Twitter, GitHub, CodePen * chantastic β Twitter, Website, GitHub
Links
* XState
+ XState Docs
+ XState Visualizer
* Redux
* Constructing the User Interface with Statecharts by Ian Horrocks on Amazon
* Statecharts: A Visual Formalism for Complex Systems by David Harel
* Welcome to the world of Statecharts by Erik Mogensen
* RxJS
* Lodash
* Finite-state machine on Wikipedie
* State diagram on Wikipedie
* SCXML β State Chart XML on Wikipedia
* mukeshsoni/statechart-calculator
* A javascript calculator built with Xstate and Vue β built on the statechart above
* React Context
* RxJS Observable
* Concurrent computing on Wikipedia
* Cooperative multitasking on Wikipedia
* Screen tearing on Wikipedia
* Deterministic system on Wikipedia
* Beyond React 16 | JSConf Iceland by Dan Abramov
* Actor Model on Wikipedia
* use-subscription
+ On GitHub
+ On NPM
* Write Fewer Tests! From Automation to Autogeneration β David's announcement of Xstate/test at React Rally 2019
+ Model-based testing
+ @xstate/test
+ xstate-test-demo
+ Given-When-Then on Wikipedia
+ [Cucumber syntax]https://en.wikipedia.org/wiki/Cucumber_(software)#Syntax) on Wikipedia
* Adobe Xd
* Sketch
* Sunil Pai on Twitter
* inVision
* Framer
* Sketch.systems
* Subform
* Storybook
* useState
* useReducer
* useMachine from @xstate/react
* keyframers
+ @shshaw
Today we chat with Becca Bailey about Refactoring β how to make your React code a little more liveable, human-friendly, and ready for anything.
You can hear more from Becca this march, on finding joy in refactoring.
Reactathon is a top React conference in the heart of San Francisco.
Becca and I will be there, passing out high fives and excited to meet you.
Get a ticket at reactathon.com.
Featuring * Becca Bailey β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * Formidable * The State of React State in 2019 | Becca Bailey * Shape Up: Stop Running in Circles and Ship Work that matters * Refactoring: Improving the Design of Existing Code * Testing JavaScript with Kent C. Dodds * The different types of tests β Atlassian * React Testing Library * Enzyme * Jest Snapshot Testing * React Concurrent Mode * "for each desired change, make the change easy (warning: this may be hard), then make the easy change" β Kent Beck * ESLint * Sarah Mei β The Power of Agile * Konmari Your Code: Finding Joy in Refactoring β Becca's upcoming Reactathon talk
Today we chat with Evan Bacon about Expo and delivering on the elusive promise of "write once. run anywhere."
For the month of february, we're chatting exclusively with Reactathon speakers.
You can hear more from Evan on the topic of using Expo for universal React development this march.
Reactathon is a top React conference in the heart of San Francisco.
Evan and I will be there, having a good time and happy to chat with you.
Get a ticket at reactathon.com.
Featuring * Evan Bacon β Twitter, GitHub, YouTube * chantastic β Twitter, Website, GitHub
Links
* Life Size Lego Thor Build!
* Expo β The fastest way to build an app
+ @expo/electron-adapter
+ @expo/next-adapter
+ Platform Specific Code
+ ErrorRecovery
+ Camera
+ Video
* James Ide
* Brent Vatne
* React Native
* Software Mansion
* React Native for Web by icolas Gallagher
+ StyleSheet.create
* react-native-dom
* microsoft/react-native-windows β A framework for building native Windows apps with React
* Metro β π The JavaScript bundler for React Native
* Introducing Twitter Lite on the Twitter engineering blog
* react-native-web-hooks
* react-spring
* Animated (React Native)
* Expo Crossy Road source and site
* Expogram source and site
* jest-expo
* jest-expo-enzyme
* jest-expo-puppeteer
* Expo on Twitter
Today we chat with Daria Caraway and learn how to build considerate React components with TypeScript.
For the month of february, we're chatting exclusively with Reactathon speakers.
You can hear more from Daria on this topic of developing considerate React components on the Reactathon this march.
Reactathon is a top React conference in the heart of San Francisco.
Daria and I will be there, high-fiving people and having a good time.
Get a ticket at reactathon.com.
Featuring * Daria Caraway β Twitter, Website * chantastic β Twitter, Website, GitHub
Links * workday * PropTypes * TypeScript + Interfaces + Utility Types - Partial - Pick + Any + Unkown + Declaration Files * flow * Visual Studio Code * WebStorm * CoffeeScript * DefinitelyTyped * How to Have an Amicable Breakup With A JavaScript Library | Daria Caraway | CascadiaJS 2019 on YouTube * Intergration + Babel: @babel/preset-typescript + Webpack: ts-loader + React & Webpack guide * Forking vs Spooning β A snippet from Jafar Hussain's React.js Conf 2015 talk Beyond the DOM: How Netflix plans to enhance your television experience
Conferences are a big part of the React ecosystem.
This year, there's a conference that stands out from the rest: Render(ATL).
Render(ATL) is a new conference in Atlanta that promises to introduce React developers to the voice and culture of the south.
Today we sit with Justin E. Samuels to hear his vision for the conference, how much he loves his city, and what amazing things await attendees in Atlanta this year.
Featuring * Justin E. Samuels β Twitter, Instagram, GitHub * chantastic β Twitter, Website, GitHub
JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers.
Learn these 5 JavaScript patterns for React developers at jsandreact.com
Links * Render(ATL) β Culture, Inclusion, React * Mailchimp * Software Engineer Levels at Google, Facebook, and Microsoft from levels.fyi * MagnoliaJS Conference * Render(ATL) Food * "The South Got Something to Say" β Andre 3000 * The Gathering Spot ATL * DJ Hourglass * React Podcast listeners sponsored two attendees: @shanster_242 and @donilovesyou
Developers Mentioned * J.C. Hiatt * Ken Wheeler * Nader Dabit * Zackary Chapple * Chance * Sophie Alpert * Pariss Athena * Christian Nwamba * AJ Williams * Hack Sultan
Every few months, I like to explore professions that are adjacent to programming.
Today we're exploring captioning and its impact on our industry.
Our guide for this industry is the fabulously giften Norma Miller of White Coat Captioning.
I was captivated by her work at last year's React Rally and wanted to share with you what I learned from her.
Her company does primarily technical events, which gives her an interesting vantage point into tech conference culture.
We talk about typing in excess of 300 words a minute with 98% accuracy,
The $6000 keyboards that make it little easier,
And the open source that powers it.
I think you love this chat, as we learn how captioners are making our technical events more multi-cultural, accessible, and inclusive.
Featuring * Norma Miller β Twitter, Website * chantastic β Twitter, Website, GitHub
JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers.
Learn these 5 JavaScript patterns for React developers at jsandreact.com
- White Coat Captioning
- Stenotype on Wikipedia
- Chorded keyboard on Wikipedia
- Open Steno Project β Bringing stenography to everyone
- Plover β 100% free, open source steno program
- Curb cut on Wikipedia
- The Curb-Cut Effect on SSIR.org
- Curb Cuts on 99% Invisible
We're kicking off a new decade by going back in time time to 1999, just 10 years after the birth of the internet.
Our guest today is Lee Byron.
He takes us on a tour of the early web and personal home pages.
And connects the dots between PHP and technologies like React and GraphQL.
His work β inside Facebook during a critical pivot to mobile β provides a unique vantage point on the progress of web technologies over the past 20 years.
Featuring * Lee Byron β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers.
Learn these 5 JavaScript patterns for React developers at jsandreact.com
Links * Let's Program Like It's 1999 | Lee Byron β from React Conf 2019 * Links (web browser) on Wikipedia * PHP on Wikipedia * LAMP stack on Wikipedia * Tim Berners-Lee on w3.org * 30 years on, whatβs next #ForTheWeb? on webfoundatios.org * myspace * Internet: A First Discovery Book Hoodie * Vaporwave on Wikipedia * Hack/XHP * JSX * Source-to-source compiler on Wikipedia * Tom Occhino and Jordan Walke: JS Apps at Facebook β React and JSX's public announcement at JSConf US 2013 * Pete Hunt: React: Rethinking best practices β defending JSX at JSConf EU * GraphQL: The Documentary β by Honeypot on YouTube * honeypot.originals on YouTube * graphql.org * relay.dev * graphql/graphql-js * graphql-ruby.org * reactjs/react-rails * 64: Chris Toomey on TypeScript, GraphQL, and Product Thinking β on React Podcast * Robinhood β commission-free investing * Robinhood careers * GraphQL Foundation * The Linux Foundation β Supporting Open Source Ecosystems * GraphQL org on Github
Today we sit down with award winning cartoonist, a book apart author, web animations expert, new member to the React Core Team, and all round lovely human Rachel Nabors.
We talk about her journey to React, the Woman at the Heart of React zine (from this year's React Conf), and her charter to make React and React Native documentation friendly, powerful, and inclusive.
Featuring * Rachel Nabors β Twitter, GitHub, Website * chantastic β Twitter, Website, GitHub
Links * React Conf 2019 * Women at the Heart of React + Xyra (Zine Illustrator) + Yuzhi Zheng + Luna Ruan + Flarnie Marchan + Sophie Alpert + Monica Powell + Sara Vieira + Greta Strolyte + Raquel Candeias + Jessica Franco * Women at the Heart of React β Zine in the Wild + Zines in the wild at React Conf 2019 + Stickers and Foil posters + @QueerJS in NYC with @waterproofheart + Oslo with @elisabethirg + @ParissAthena + Around React Conf with @waterproofheart, @Zizzamia, and @tanvibhakta_ * React Community Stories β In-depth and ongoing profiles on Women at the Heart of React on Medium * Sailor Moon * Building a Custom React Renderer | Sophie Alpert at React Conf 2019 * Animation at Work β Rachel's Book with A Book Apart * Web Animations Documentation on MDN * React Native Docs * basecs β with Vaidehi Joshi
Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
React Core Team member Sunil Pai in the chair today.
React is a complicated project. It's open source but lead by facebook. That's a hard pill for many to swollow. But, for it, we get a framework that's battle-tested at facebook scale β every experimental API tested by billions of users.
Today, Sunil and I dive into the future of React as a UI framework, how Concurrent mode marks a shift in focus from developer experience to user experience, and what it'll take to finally get better designer tooling for React.
Featuring * Sunil Pai β Twitter, GitHub * chantastic β Twitter, Website, GitHub
Links * 23: Ditch Authority with Sunil Pai β Previous React Podcast with Sunil Pai * Dan Abramov * Dominic Gannaway * Rachel Nabors * Sunil Pai - The βSomethingβ Statements at React Rally * useTransition * useDeferredValue * Umbrella React Flare β the umbrella issue on GitHub #15257 * Twitter Lite * Do This to Improve Image Loading on Your Website β Jen Simmons on image loading improvements in the browser * OOCSS β A CSS architecture by Nicole Sullivan * webflow β Break the code barrier * SwiftUI β Better apps. Less code. * Gatsby β Fast in every way that matters * Next β The React Framework * Brent Jackson * John Otander * MDX * Components AI β Experimental platform for exploring generative design systems * CSS Grid Layout * webflow grid editor * Framer β Always interactive, lightning fast design * "Useez" β Tired: Hooks. Wired: Useez
Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
I'm so grateful for you. This is just a short thank you from me to you, an update on my React Suspense course, and what you can expect from React Podcast in 2020.
Featuring * chantastic β Twitter, Website, GitHub
Links * reactsuspense.com β An ugly site with links to my new React Suspense course and newsletter
Sponsors Linode Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
Brian Vaughn joins us for an update on React Developer Tools.
We talk about Fast Refresh for the web,
New developer convienciences around codemods,
And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps.
This chat is guaranteed to help you be a quicker, happier, more productive React developer.
Featuring * Brian Vaughnβ Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * Introducing the New React DevTools on the React docs * Interactive React Dev Tools Tutorial * React Developer tooling | Brian Vaughn at React Conf 2019 * React Profile Tooling | Brian Vaughn at React Conf 2018 (last year) * Fast Refresh on the React Native docs * reactjs/react-codemod * webpack * Metro * Parcel * Preparing for the Future with React Prereleases β Introduction of React Release Channels * Introducing Concurrent Mode (Experimental) + useTransition Hook + useDeferredValue Hook * Progressive Web Animations | Alexandra Holachek at React Conf 2019 * Data Fetching With Suspense In Relay | Joe Savona at React Conf 2019 * Day 1 Keynote | Yuzhi Zheng at React Conf 2019
G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
G2i: We Vet, You Get Hired, It's that Simple.
Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
Today we're talking with Kitze about his transition from open source to product, what his development browser Sizzy has taught him about business, and the dangers of our hype-driven development cycles.
We discuss what we think is wrong with the culture of web development today and how to keep focused on skills that won't be consumed by designer/developer robots.
Featuring * Kitzeβ Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * React Live β Amsterdam * Navigating the Hype Driven Frontend Development World β from React Live 2019 * ok-google.io β a list of commands that you can ask Google's voice assistant * Twizzy β Focus on messages and tweeting. The timeline can wait * Sizzy β The browser for developers and designers * React Academy β React and JavaScript workshops with Kitze * Nik Graf * Sara Vieira * RailsBridge β Learn to code or level up with RailsBridge * CodeSandbox β The online code editor for React (and others) * KITZE - THE PLATFORM β’ (DISS TRACK RAP LYRICS VIDEO 2018 4K ROFL) β on YouTube * KITZE - JUNIOR FOR LIFE (10X ENGINEERS DISS TRACK 2019 4K LMAO) β on YouTube * GitHub stars wonβt pay your rent by Kitze * Introducing Sizzy βA tool for developing responsive websites crazy-fast by Kitze * β‘οΈ From React to an Electron app ready for production by Kitze
Sponsors G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
G2i: We Vet, You Get Hired, It's that Simple.
Clubhouse Clubhouse is project management that brings everyone, on every team, together.
They've made all core features completely free for teams with up to 10 users.
React Podcast listeners get 2 months free on any paid plan.
Get your project back on track at clubhouse.io/react.
In the immortal words of TLC, "Don't go chasing waterfalls".
Turns out they're really easy to find in React today.
Joe Savona joins us to talk about avoiding waterfalls in your React code.
He's here for our 2nd of 6 React Conf 2019 interviews to talk about data-fetching strategies with Suspense.
Joe has spent the last year working with the React team in developing a relay-suspense integration for the new facebook.com.
He shares the lessons and patterns they've learned and how they're baking great user experience into Relay.
Fetch-on-render, fetch-then-render, and Render-as-you-fetch are patterns you'll be hearing more often as Suspense picks up steam.
Thankfully, in today's episode Joe helps us navigate that verbiage and determine what our first steps with Suspense should be.
Featuring Joe Savona β Twitter, GitHub
- Michael Chan β Twitter, Website, GitHub
Links
* Data Fetching With Suspense In Relay | Joe Savona β Joe's React Conf 2019 talk on Relay Hooks and Suspense at Facebook
* Building The New Facebook With React and Relay | Ashley Watkins β Ashley's talk on Relay at Facebook
+ Selective hydration
+ progressive hydration
+ @defer
+ @stream
+ @module
* Relay β A JavaScript framework for building data-driven React applications
* Relay Hooks β Experimental Concurrent Mode APIs
* Relay Hooks: A Step By Step Guide
* Concurrent Mode API Reference
+ Suspense
+ SuspenseList
+ useTransition
+ useDeferredValue
* Data fetching patterns
+ fetch-on-render
+ fetch-then-render
+ render-as-you-fetch
* Relay Runtime
* Relay Compiler
* Tagged template literals
* GraphQL Fragments
* Sophie Alpert β React team manager emeritus
* Yuzhi Zheng β Manager of React and Relay teams
* Hack β Programming Productivity Without Breaking Things
Sponsors Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Clubhouse Clubhouse is project management that brings everyone, on every team, together.
They've made all core features completely free for teams with up to 10 users.
React Podcast listeners get 2 months free on any paid plan.
Get your project back on track at clubhouse.io/react.
Today we kick off our first of 6 React Conf interviews.
We start with Andrew Clark to learn what this React Conf 2019 means for us β our libraries and apps.
He's a core team member who cut his React teeth on the fiber re-write and he's been deep in Concurrent React for 3 years.
We chat about future features, prerelease channels, and how Suspense is preparing the way for others to bring cooperative concurrency to their libraries, applications, and frameworks.
Featuring * Andrew Clark β Twitter, GitHub * chantastic β Twitter, Website, GitHub
Links
* 6: Async React with Andrew Clark β Andrew on React Podcast in 2018
* 27: React Today and Tomorrow with the React Core Team β Our interview with the React Core team in 2018
* Sebastian MarkbΓ₯ge β React Core Team Lead
* React Fiber rewrite
* React 16 APIs
+ Fragments
+ Hooks
+ Error Boundaries
+ Portals
+ Code-Splitting w/ React.lazy and Suspense
* Preparing for the Future with React Prereleases β on the React Blog
* Introducing Concurrent Mode (Experimental) β docs on Concurrent Mode
* Concurrent Mode API Reference
+ Suspense
+ SuspenseList
+ useTransition
+ useDeferredValue
* scheduler
* Andrew Clark: React Suspense β at Zeit Day 2018
* Building The New Facebook With React and Relay | Ashley Watkins β Introduction to Progressive and Selective Hydration at Facebook
* Data Fetching With Suspense In Relay | Joe Savona β Progressive and Selective Hydration at Facebook using Relay
Sponsors G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
G2i: We Vet, You Get Hired, It's that Simple.
Clubhouse Clubhouse is project management that brings everyone, on every team, together.
They've made all core features completely free for teams with up to 10 users.
React Podcast listeners get 2 months free on any paid plan.
Get your project back on track at clubhouse.io/react.
This week is React Conf!
And I suspect that Suspense and Concurrent Mode will have a good showing.
So β in anticipation and excitement β I asked friend of the show, Swyx, to join me for a Suspense/Concurrent React rundown episode β covering everything you need to know so far and what we hope to see at this year's event.
Neither of us have priviliged info.
We're just two nerds who like to keep abreast of React's most exciting future feature.
Featuring * swyx (Shawn Wang) β Twitter, Website, GitHub * chantastic β Twitter, Website, GitHub
Links * STAR Apps: A New Generation of Front-End Tooling for Development Workflows on CSS-TRICKS * STAR Apps at SV Code Camp by Swyx * JAMStack β A modern architecture β
Create fast and secure sites and dynamic apps with JavaScript, APIs, and prerendered Markup, served without web servers * Beyond React 16 | JSConf Iceland 2018 Dan Abramov's introduction to Async React (eventually Concurrent React) at JSConf Iceland 2018 * Fiber Reconciler doc on reactjs.org * React Fiber Architecture β a gist by Andrew Clark * A Cartoon Intro to Fiber β a talk by Lin Clark at React Conf 2017 * Dan's Tweet on ConcurrentMode and how it informs other React APIs * Building The New Facebook With React and Relay β an upcoming talk by Frank Yan and Ashley Watkins on Building The New Facebook With React and Relay * Building the New Facebook.com with React, GraphQL and Relay β talk at F8 2019 about facebook.com v2 * Relay β A JavaScript framework for building data-driven React applications * Apollo Client β A complete state management library for JavaScript apps * URQL β Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components * Getting Closure on Hooks β Swyx demonstrating a simple mental model for hooks at JSConf.Asia 2019 * [Umbrello]React Flare β Github issue for tracking the React DOM implementation of the experimental React Events API * React Fire: Modernizing React DOM β Github issue for tracking React DOM modernization * React Native for Web β Run React Native components and APIs on the web using React DOM. A library by Nicholas Gallagher * Dominic Gannaway β React Core team member working on React Flare and React Fire * The Case for React Native Web Singularity A post by Swyx on React Native for Web as a template for a future React developer experience * SVELTE β Cybernetically enhanced web apps * glimmer β Fast and light-weight UI components for the web
With the attention to detail you've come to expect from Ember * All you need to know about Ivy, The new Angular engine!
β An article that seems to suggest it has everything you need to know about a thing I know nothing about
Sponsors Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
G2i: We Vet, You Get Hired, It's that Simple.
Today we sit with Lara Schenck to discuss CSS Algorithms and my favorite term of the year: Turd Driven Development.
She's brilliant, obviously.
And It's a real treat to chat with someone who shares my affinity for CSS and a stoic acceptance of how crappy our codebases are.
But she offers hope, to teams that prioritize the work of design engineering.
Do not miss her talk CSS Algorithms.
It's β hands down β my favorite talk of 2019.
Featuring * Lara Schenk β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * JSConf US * CSS Algorithms at JSConf US 2019 β the one that I saw and is my favorite talk of the year! + Other versions at CSSconf.EU, strangeloop, and CSS Day * Tales of a Non-Unicorn: A Story About The Trouble with Job Titles and Descriptions β css-tricks * Computer Sceince Bootcamp β Lara's exploration into computer science * baseCS β Exploring the basics of computer science, every Monday, for a year, with Vaidehi Joshi * Semantic Versioning * Is CSS a programming language? β Lara's twitter poll from May 2019 * Control flow * Declarative programming * Turd-Driven Development * StranglerFigApplication β an evergreen pattern by Martin Fowler * Ship of Thesues * stylelint β A mighty, modern style linter * Larva β PMC's design system * How do you see these programming languages? β place your favorite programming languages on a contiuum of "programming"
Sponsers Linode Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
G2i: We Vet, You Get Hired, It's that Simple.
This week we sit with Swizec Teller and learn how to get more done in every day.
Swizec has an incredible work ethic β regularly blogging, vlogging, live streaming, and writing books on your favorite web technologies React and D3.
How does he do all that and keep a full-time job at a startup?
Today, we try to find out what his secret is and how to mimic that focus.
Featuring * Swizec Teller β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Swizec's projects * es6cheatsheet.com * Nightowls book β Why programmers work at night * learnwhileyoupoop β No pressure learning at 2 minutes per day. Start with the basics, become a React 16.3 * Data Visualization with d3.js β Mold your data into beautiful visualizations with d3.js * React+d3.js β Build data visualizations with React and d3.js * Serverless Handbook β Serverless for frontend engineers
Other links * Rocks, Pebbles, Sand Story β on YouTube * ["We would worry less about what others think of us if we realized how seldom they do." β Ethel Barrett * Candid @swizec tweets on "income" * FIRE movement β on Wikipedia * Mr. Money Mustache * Peak Performance β by Brad Stulberg and Steve Magness * Sun Conure * Teachable β Create and sell beautiful online courses * podia β The easiest way to turn your passion into income * Force multiplication * JAMStack
Sponsored By: Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients.
You can work however and wherever like β at a rate that you set.
Do you have what it takes to join the world's top 3% of of freelance developers.
Get started with Toptal today.
Go to toptaljobs.com and take back control of your career.
This week we continue our discussion with Jonathan Cutrell about the future of work.
This time, we're talking about teamwork.
We tackle a few important questions.
How do you invest in a team that is separated by hundreds of miles?
How do you find moments to spark trust where serendipity is at a minimum?
And how do you make sure everyone is heard and feels good about their work?
If you work remote β or hope to work remote β these questions are at the forefront of your mind as you decide whether or not to DM that co-worker or waffle between which emoji expresses your sentiment best.
We got you.
This episode is brimming with tips and tricks for you.
Featuring * Jonathan Cutrell β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * Improve Your Team by Rejecting These Bad Assumptions β The Developer Tea episode that this episode is based on * Why Naval Ravikant Thinks Remote Work Is The Future * βNever let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present.β β Marcus Aurelius, Medetations
Sponsored By: Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
Visit reactpodcast.infinite.red
And get The Remote Work handbook at remote.infinite.red.
Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients.
You can work however and wherever like β at a rate that you set.
Do you have what it takes to join the world's top 3% of of freelance developers.
Get started with Toptal today.
Go to toptaljobs.com and take back control of your career.
Get 15% off React Day Berlin React Day Berlin is always a hit and they have a terrific speaker lineup this year.
Go to reactday.berlin and use the discount code "SpecFM".
This week we sit down with Jonathan Cutrell.
He's the host of the beloved podcast Developer Tea and co-found of Spec, the very podcast network that this show belongs to.
When podcasters get together and talk. They talk... for hours.
So this is part one of a two-parter.
Today, we learn from Jonathan's transition from musical performer to developer.
We discover how constrained systems like music primed him for life as a developer, and the ways in which all systems being infused with our humanity.
We talk about how to keep doing work you love and finding, or creating, a company that will help you do.
Featuring * Jonathan Cutrell β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * Spec β The podcast network that Jonathan co-founded. * Developer Tea β Jonathan's terrific podcast * Chantastic on Developer Tea Part One and Part Two. * jQuery * MooTools * Build Dumb Shit with Sara Vieira β The episode of React Podcast where Sarah reminds to build things we like * First, Break All the Rules β The management book Michael Scott had on his desk and talks about workplace autonomy
Sponsored By: Level Up Tutorials Become a better web developer with Level Up Tutorials.
Become a pro at Animating React.
This is the favorite course on adding fast, beautiful, and dynamic animations to your React apps.
Buy just this course or Go Pro for videos on Hooks, Styled Components, TypeScript, Gatsby, Vue, and so much more!
Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients.
You can work however and wherever like β at a rate that you set.
Do you have what it takes to join the world's top 3% of of freelance developers.
Get started with Toptal today.
Go to toptaljobs.com and take back control of your career.
Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients.
You can work however and wherever like β at a rate that you set.
Do you have what it takes to join the world's top 3% of of freelance developers.
Get started with Toptal today.
Go to toptaljobs.com and take back control of your career.
This week we sit down with Chris Toomey and address all the holy wars:
Elm vs React, TypeScript vs JavaScript, product vs development, and even VS Code vs Vim.
This is a pragmatic look at how type systems can improve the way you build and talk about product.
In the right hands β these tools can make teamwork a dream.
But in the wrong hands, well...
Let's just listen close and make sure your hands are the right ones.
Featuring * Chris Toomey β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * thoughtbot β thoughtbot is a design and development consultancy that brings your digital product ideas to life * Giant Robots β A podcast about the design, development, and business of great software * UPCASE by thoughtbot β Become an experienced developer and take "junior" out of your title * bikeshed β On The Bike Shed, hosts Chris Toomey & Steph Viccari discuss their development experience and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week * 172: What I Believe About Software β A review of thoughtbot's process and the intersection of product management and development * GraphQL * TypeScript * Elm * TypeScript + React TALK at Boston React 2019 * Building Web Apps with Elm β Craft a reactive Elm web app from start to finish * Chris Toomey: React & GraphQL β Bringing Simplicity to Client Side Development β React Boston 2018 * GraphQL: Bringing Simplicity And Correctness To A Client Near You (Chris Toomey) β GraphQL Summit 2018 * Language Server Extension Guide * neovim * onivim * 204: I Don't Like Rest β * 206: No-One Wants to be the Canary β Chris on GraphQL and designing endpoints vs exposing types * 58: Eve Porcello on Learning GraphQL
Thank You To Our Sponsor: Linode Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Thank You To Our Sponsor: G2i Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
This week we diverge from our typical technical focus to talk about communication.
Many of you are developing a product.
Whether that be an open source library,
course material on your favorite framework,
or your skills a freelance developer β
you are selling something.
Selling requires more than great technical skills.
It requires strong communication.
Today we sit with Val Geisler β founder of Fix My Churn.
We talk about communication thru email,
Why itβs critical for building and branding your business,
And how we get started.
I believe it has the potential to change your career.
Featuring * Val Geisler β Twitter, Website, Fix My Churn * Michael Chan β Twitter, Website, GitHub
Links * "Send Emails Not Blasts" tee * Email Marketing Mastery Incubator β Hands on help to up your email marketing game * Jobs To Be Done * The Dinner Party Strategy β Val's strategy for writing email people actually read * Joel Hooks at Egghead β because we mentioned him a few times π»
Sponsers
Level Up Tutorials Become a better web developmer with Level Up Tutorials.
Learn how to make brilliant online stores using using GatsbyJS in two new courses Advanced Gatsby and Shopify and Gatsby Ecommerce.
G2i Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i.co today and click the "for developers" link to find opportunities.
This week we sit down with Chris Biscardi β open source developer and consultant.
He's working with Gatsby on projects like gatsby-mdx and gatsby-themes.
So we talk about what Gatsby Themes are, why they promise to bring a new wave of shareability to Gatsby sites, and what you need to know to start using them.
We also talk about designing a workflow around sharing what you know and building an effective content pipeline.
Featuring * Chris Biscardi β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * Chris Biscardy β Egghead instructor profile * gatsby-mdx β Gatsby+MDX β’ Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects * MDX β Markdown for the component era * What Are Gatsby Themes?, Gatsby doc * Journey to the Content Mesh Conclusion: Creating Compelling Content Experiences on the Gatsby blog * Gatsby Store β A dynamic shop built on Gatsby * Contentful β How enterprises deliver better digital experiences * Source Plugins, Gatsby Doc * Build an RSS feed-powered podcast site (with Amberley Romo) β Learn With Jason β Livestream where Jason Lengstorf and Amberley Romo build a Gatsby theme for podcasts * What is Component Shadowing? on the Gatsby blog * Using a Gatsby Theme, Gatsby doc * gatsby-theme-blog * gatsby-theme-notes * Yarn Workpsaces * Carbon Design System, by IBM
Thank you to our Sponsor: Linode Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Thank you to our sponsor: G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i.co today and click the "for developers" link to find opportunities.
G2i: We Vet, You Get Hired, It's that Simple.
This week we sit down with Phani Raju.
He's a Staff Engineer at GitHub and lead on the GitHub Package Registry.
He tells us what package registries are and why GitHub is uniquely suited to take them to the next step in security, trust, and user experience.
This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future.
It's also a fantastic lens into the great engineering and design thinking that is alive and well at GitHub β and how the Dear GitHub letter sparked a new wave of innovation.
Featuring * Phani Raju β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * Introducing GitHub Package Registry * Github Releases on the Github blog * Announcing Git Large File Storage (LFS on The Github Blog * Supply chain attack on Wikipedia * The Problem of Package Manager Trust by Phil Haack * Dear Github β π¨ An open letter to GitHub from the maintainers of open source projects * Maintainer security advisories on The GitHub Blog * Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives on brainpickings * The Github Blog
Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
This week on React Podcast we sit down with James K Nelson. We discuss what makes React hard to learn and how he's addressing that with his teaching platform frontarm.com.
We talk about learning React without the buzzwords, his new router β Navi β and how to make some React bacon.
This is a great episode for those who have had trouble keeping up with React and want to discover and master the things have remained the same
Featuring * James K Nelson β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links * Weird, or just different? β Derek Siverβs TED talk on Japanese vs American street naming * Dan Abromovβs tweet about React without buzzwords * Learn Reactβs fundamentals without the buzzwords * The Little Schemer β The book we mention that uses the Socratic method to teach functional programming * railstutorial.org β How chantastic learned Rails * βWhatβs not going to change in the next 10 years?β β Jeff Bezosβ famous focusing question * ReactJS Tokyo * create-react-app β Set up a modern web app by running one command * Next.js β The React Framework for Everything * Navi β Declarative, asynchronous routing for React
Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
This week we talk Jamison Dance about the parts of programming that are distinctly non-technical.
We talk about the perfect TLD, working with a team, finding psychological safety, the organization of React Rally, and how to recycle batteries.
Jamison is co-host of the podcast Soft Skills Engineering where he and Dave Smith answer non-technical questions for technical folks.
It's a great show that I highly recommend.
check it out at softskills.audio
Featuring * Jamison Dance β Twitter, Website, GitHub * Michael Chan β Twitter, Website, GitHub
Links and Notes * WalMart Labs * React Rally 2019 β August 22 & 23 in Salt Lake City, Utah * React Conf 2019 β October 24 & 25 in Henderson, Nevada * Soft Skills Engineering podcast with Dave Smith and Jamison Dance β It takes more than great code to be a great engineer * Where to Recycle Batteries by Energizer * Psychological Safety on Wikipedia * React Hooks Announcement from React Conf 2018
Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
This week we talk with Eve Porcello about getting started with GraphQL.
She is the co-author of Learning React and Learning GraphQL. She travels the world with husband Alex bank teaching JavaScript and telling jokes.
We talk about comedy and code and how to engage audiences with a little bit of funny.
This is a great episode if you want to add a little GraphQL to your stack or learn how to give a hilarious conference talks.
Featuring * Eve Porcello β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * GraphQL Query Language β Eve's new egghead.io course on GraphQL * Learning React: Functional Web Development with React and Redux β Eve's React Book * Learning GraphQL: Declarative Data Fetching for Modern Web Apps β Eve's GraphQL book * Moon Highway β Eve and Alex's training company * Everything You Need to Know About GraphQL in 3 Components β React Rally 2018 talk... the one with the tattoo bit * Apollo Server β the best way to quickly build a production-ready, self-documenting API for GraphQL clients, using data from any source * apollo-link-rest β Call your REST APIs inside your GraphQL queries * Mocking β Apollo Docs β Mock your GraphQL data based on a schema * SWAPI GraphQL API β The one you're obligated to make your first request to * Github GraphQL v4 API * Github GraphQL Explorer * OneGraph * Apollo Federation * ReactJS Girls Conference, Twitter, and videos * Reactathon
Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
We sit down with venerable Emma Bostian to talk mentorship.
She tells us all about different types of mentorship you can find,
At what phases in your career each type is most valuable,
And how to get a "yes" from someone you'd like to mentor you.
We also discuss her new mentoring platform codingcoach.io and how it's helping connect developers based on technology and field.
Buckle in and get ready to get help.
Featuring* Emma Bostian β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links* don't touch my garbage!!! β the possum tweet * Building a Design System with React - ReactJS Girls Conference β Emma's talk on the components of a design system * Emma's writing on dev.to * JS PARTY β A community celebration of JavaScript and the web * ladybug podcast β Kelly Vaughn, Ali Spittel, Emma Bostian, && Lindsey Kopacz debug the tech industry
SponserVisit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
This week, on React Podcast, We sit with Paul Henschel and talk animation.
Paul is the creator of React-spring a library for animating UI based on spring physics.
We talk about the library's origin, its future, and how to create lasting beauty on the web.
Featuring * Paul Henschel β Twitter, Github * Michael Chan β Twitter, Github, Website
Links * paranoid android β a custom ROM aiming to extend the system, working on enhancing the already existing beauty of Android and following the same design philosophies that were set forward by Google for Android Open Source Project * ReactCSSTransitionGroup β an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM * ReactTransitionGroup β ReactTransitionGroup is the basis for animations in React * ReactMotion β A spring that solves your animation problems * Animated * react-use-geature β πBread n butter utility for component-tied mouse/touch gestures in React * react-three-fiberβπA React-renderer for Three.js * react-reconciler β an experimental package for creating custom React renderers * awwwards β The awards of design, creativity and innovation on the internet * Three.js Fundamentals β * react-blessed β A react renderer for blessed * React Podcast episode 35 with Matt Perry on Pose and Popmotion * alec larson's react europe talk * React-spring: on animations and hooks β Alec Larson @alecdotbiz at ReactEurope 2019
Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
This week we sit with Erik Rasmussen to discuss forms in React.
We talk about his library redux-form and it's evolution to final-form β a framework agnostic approach to making dynamic forms easy.
Along the way the talk open source maintenance and monetization struggles.
If you've wanted open source fame, this is a good one to listen to.
Featuring * Erik Rasmussen β Twitter, Github * Michael Chan β Twitter, Github, Website
Links * Github Sponsors β Fund your work. Build what matters. * Forms β React Docs * Redux Form β The best way to manage your form state in Redux * Flux β Application architecture for building user interfaces * react-final-form β π High performance subscription-based form state management for React * vue-final-form β π High performance subscription-based form state management for Vue.js * frontier-forms β Data-driven forms that let you focus on what matters: your application * Build forms with GraphQL β 2019 React Europe talk by Charly Poly * "Let a hundred flowers bloom" * CodeFund β Ethical Advertising * Seek Justice Podcast β A weekly deep dive into Criminal Justice with Erik Rasmussen and Dennis Schrantz * Happy Hour β A candid and open weekly discussion between Dennis and Erik over drinks * π₯ Introducing.... π React Final Form HOOKS!! π₯
Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
This week, we talk accessibility pitfalls with Aaron Canon.
Aaron is the co-founder and chief accessibility engineer at Accessible360 β where he uses his experience as a blind developer to improve real-world accessibility for all citizens of the web.
He shares his first-hand experience on which practices work, which ones are bogus, where to focus our accessibility efforts, and which libraries provide the best starting point.
I learned a ton. You will too.
Featuring * Aaron Cannon β Twitter, Website, Accessible360 * Michael Chan β Twitter, Github, Website
Links * Accessible360 β The digital accessibility company * JAWS β The worldβs most popular screen reader * NVDA β Free, popular screen reader * Aaron's YouTube channel * Accessible360's YouTube channel * Should I Use A Carousel? * Reach UI β The accessible foundation of your React-based design system * WebAIM: Screen Reader User Survey #7 Results * ARIA Live Regions Screen Reader Demo | Video * uBlock β A Fast and Efficient Ad Blocker. Easy on CPU and Memory.
Sponser GitPrime Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
Have you had the privilege of working in PHP?
If you haven't let me tell you:
You can have a dynamic website just by putting a single PHP file on a host, anywhere.
It's magic
For us React developers, everything is a lot more complicated.
We want server-side rendering for Google crawl-ability,
Hot Module Replacement for quick feedback in development, and code-splitting to get quick initial page loads for users.
None of that is easy to implement.
But there's hope.
The team at Zeit wants you to have all that but with the simplicity of that beautiful PHP workflow.
And they've done it.
We sit with Tim Neutkens, lead developer on Next.js, an open source framework, for react, by Zeit.
He tells us how you can get back to that beautiful, fun PHP experience but with all of the benefits of SSR, HMR, AMP, and so many more initialisms.
I'm so excited to share this chat about Next.js the next-live of static site generation.
Featuring * Tim Neutkens β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Next.js 9 is out now! * Next.js β The React Framework * next/dynamic * styled-jsx β Full CSS support for JSX without compromises * Dynamic Pages with Next.js * Tech Choices I Regret at Spectrum β Blog β by Max Stoiber on why he would have used Next.js * Tech Choices I Regret at Spectrum β Talk * Next for Next.js β Tim Neutkens at React React Amsterdam * facebook/codemod
Sponser GitPrime Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.
It's beautifully illustrated and guaranteed to improve your teams communication and productivity.
GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.
GitPrime. Engineers
build business.
G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
Navigating a career is tricky.
This is double true for women in tech.
Add a spouses career,
traditional gender expectations,
Single-parenting,
Or illness to the mix
And finding a satisfying career can feel impossible.
Today, Sophia Shoemaker sits with us to discuss how she manages being a mom in tech, conference speaker, FullStack React editor, and deeply invested in her community.
It's a different story than many of you are used to hearing on this show.
A more complicated one.
I'm excited that we get to learn more about one of the types of challenges that women in tech face today.
And I'm so grateful that Sophia brought us into her story.
I know that her experience can give you hope β as you find a career that works for your specific cocktail of complications.
Featuring * Sophia Shoemaker β Twitter, Fullstack React, Newsletter * Michael Chan β Twitter, Github, Website
Links Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
How many times have you written a state reducer?
100 times?
100 times a month?
Truth is, it's tricky for human brains to write performant state mutations in immutable terms.
Maybe you're whip smart and you've got the theory on lock but the resulting "spread hell" is hard to read and edit long term.
Michel Westrate wants you to stop writing state updates with immutable APIs like spread, concat, and slice and take a second look at mutable APIs like property assignment, forEach, and push.
He's made it really easy
And the React Team finds this idea very interesting.
We talk with Michel about this wild of idea of state producers (not reducers) in Immer, why they're in the spirit of React, his MobX fame, and why β even in 2019 β it's not a good idea to roll your own state management library.
Listen cautiously though.
After this episode, you may never write a state reducer again...
Featuring * Michel Westrate β Twitter, Website, GitHub * Michael Chan β Twitter, Github, Website
Links * React, transparent reactive programming and mutable data structures | Reactive 2015 Michel's first conference talk, introducing MobX * Mobx β Simple, scalable state management * Dojo * React Conf recap: Hooks, Suspense, and Concurrent Rendering β Suspense, Hooks, and ConcurrentMode announcement * Immer β Create the next immutable state by mutating the current one * Michel Weststrate - Immer, Immutability and the Wonderful World of Proxies | ReactNext 2018 β Introduction to Immer and "spread hell"
Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native.
Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering.
Visit G2i today and click the "for developers" link to find opportunities.
G2i: We Vet, You Hire, It's that Simple.
Saron Yitbarek is the CEO and founder of CodeNewbie, the most supportive community of programmers and people learning to code. She's also the vibrant host of the CodeNewbie Podcast, Basecs Podcast, and Command Line Heroes (a Red Hat podcast).
Chantastic Asks her about learning in public, interviewing the worldβs greatest developers, the art of storytelling, and aggressive kindness that surround her #CodeNewbie twitter chats.
They discuss podcasting, building a community you can trust, shower new developers with love and support, and what it takes to put on the most supportive conference in the world.
Featuring * Saron Yitbarek β Twitter, Website * CodeNewbie β Twitter, Website * Codeland β Twitter, Website * Michael Chan β Twitter, Github, Website
Links * Flatiron School * Michel Martin β Weekend Host, All Things Considered * Starbucksβ Howard Schultz Doesnβt SleepβBut Donβt Blame the Coffee β Alec Baldwinβs abrupt interview style on Hereβs the Thing * Recode Decode β Kara Swisherβs podcast on Vox * [CodeNewbie](https://www.codenewbie.org] β Most supportive community of programmers and people learning to code * #CodeNewbie Twitter Chats β Join our weekly #CodeNewbie twitter chat, every Wed @ 9PM EST * Saron Yitbarek of CodeNewbie at Red Hat Summit 2018 β βCode andβ¦β * Codeland β The only conference designed for new and growing developers, July 22 in New York * Your Perfect Tech Talk β Saronβs stellar advice on giving a great tech talk * How to Build a Magical Living Room by Saron Yitbarek β Saronβs 2018 RubyConf Keynote where she talks about interpreting constructive feedback
Scott Tolinski is creator of Level Up Totorials and co-host of Syntax β a tasty treats podcast for web developers.
He joins us on React Podcast to talk about career, hobbies, and building a business.
Chantastic asks him about break dancing, YouTube as a career development platform, weeding out hators, and making the jump to independent creator.
They discuss podcasting, self-management, embracing ignorance, forcing confidence, determining content value, and importance of being kind to creators.
Featuring * Scott Tolinski β Twitter, Github, Website * Level Up Tutorials β Twitter, YouTube, Website * Michael Chan β Twitter, Github, Website
Links * Animating React β Buy Scott's latest course on UI animation in React, using React Spring. * Scott on Instagram β Robotops Crew Bboy * How to Top Rock Tutorial * How to Breakdance | Footwork Combination * AngelFire on Wikipedia * vulfpeck.com * syntax.fm * syntax.fm live at Reactathon
Jon Rohan is an Engineer on the Design Systems Team at Github, building tooling for Octicons and Primer β their React component library.
Chantastic asks about his 6 year tenure at GitHub, the inspiration behind his primer.css slam poem, how their using CSS-in-JS and Lerna to structure their work, and his project Figma Actions for seamlessly building icons from Figma design files.
They discuss design apps, Monorepos, GitHub Actions, CSS-in-JS, and why you should open source your systems.
Featuring * Jon Rohan β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * 25: Make Brilliant Messes with Diana Mounter and Emily Plummer β Previous React Podcast episode with on Design Systems at Github * Design Systems at GitHub β by Diana Mounter * Primer β Resources, tooling, and design guidelines for building interfaces with GitHubβs design system * Github Primercss.io slam poem β a pem about Primer by Jon Rohan * Styled System β Style props for rapid UI development * Emotion β CSS-in-JS library designed for high performance style composition * styled components β Visual primitives for the component age * Github Octicons β Your project. GitHub's icons * FAMFAMFAM β Silk * Figma β A better way to design * Figma Developer API * GitHub Actions β Focus on what matters: code * Figma Action β GitHub action for exporting Figma components * lerna β π A tool for managing JavaScript projects with multiple packages * Monorepo β a software development strategy where code for many projects are stored in the same repository * Primer Community on Spectrum
Sponsors Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
infinite.red/contact
They're also a passionate advocate of remote work.
They believe you can build a thriving remote company without sacrificing culture.
Read the handbook on how to travel the road less commuted.
Get The Remote Work handbook at remote.infinite.red.
Kent C Dodds is a blogger, podcaster, open sorcerer, and community builder that recently made the leap to full-time, self-employed educator.
Chantastic asks about the approach Kent took while developing his career PayPal, what he had to give up to stay focused, and what's changed now that he's independent.
They discuss learning by teaching, the importance of being consistent, avoiding the permission trap, and what it means to "increase the impact of your value".
Featuring * Kent C. Dodds β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * React Hooks: What's going to happen to render props? β on Kent's blog * eslant-plugin-react * eslint-plugin-react-hooks * Kent's egghead.io instructor profile * Testing JavaScript with Kent C Dodds β Learn the smart, efficient way to test any JavaScript application * all-contributors β β¨ Recognize all contributors, not just the ones who push code β¨ * react-testing-library β π Simple and complete React DOM testing utilities that encourage good testing practices * downshift β π Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components * How I am so productive β on Kent's blog * Boundaries: When to Say Yes, How to Say No To Take Control of Your Life * Intentional Career Building β on Kent's blog * 3 Minutes with Kent β A (week)daily podcast where I give 3 minute answers to YOUR questions about software development that you post on my "Ask Me Anything" * TinyLetter by MailChimp β Email for people with something to say * Angular Air * JavaScript Air * Remote Workshops with Kent C Dodds β Learning shouldn't depend on location. Remote workshops with Kent are a valuable and effective way to level-up your skills as a web developer
Sponsors Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
infinite.red/contact
They're also a passionate advocate of remote work.
They believe you can build a thriving remote company without sacrificing culture.
Read the handbook on how to travel the road less commuted.
Get The Remote Work handbook at remote.infinite.red.
Houssein Djirdeh works with the Developer Relations team at Google, educating React developers on web application performance.
He created the world best iPhone and Android app for Github β GitPoint.
Chantastic asks about his experience creating GitPoint (a fully featured GitHub client, built in React Native), what performance vernacular like tti, fcp, and Web Workers mean, and common performance pitfalls and misunderstandings found in React apps.
They discuss the importance of limiting scope to ship a product, the performance value of Hooks, tools and automations you can use today, and which projects to follow for inspiration.
Featuring * Houssein Djirdeh β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Progressive React β How to build your React app so more people can use it * Developer Relations β Evangelize Google technologies and passionately advocate for developers' needs. * Houssein Djirdeh: Progressive React / React Boston 2018 * GitPoint β GitHub in your pocket π± * tti β Time to Interactive * fmp β First Meaningful Paint * fcp β First Contentful Paint * fid β First Input Delay * Web Worker * Service Worker * worker-dom β An in-progress (as in very-alpha) implementation of the DOM API intended to run within a Web Worker * Lighthouse β An open-source, automated tool for improving the quality of web pages * lighthousebot β Run Lighthouse in CI, as a web service, using Docker. Pass/Fail GH pull requests * webpagetest.org β Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds * bundlesize β Keep your bundle size in check * web.dev β Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev * Prototyping Lighthouse Stack Packs * developers.google.com β Build anything with Google
Sponsor Infinite Red has been designing, shipping and building web and mobile apps for 10 years.
They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world.
Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland.
infinite.red/contact
They're also a passionate advocate of remote work.
They believe you can build a thriving remote company without sacrificing culture.
Read the handbook on how to travel the road less commuted.
Get The Remote Work handbook at remote.infinite.red.
Versioning. How do we do it? It's a lot more complicated than "just use semver!"
This week Michael Jackson joins us again to discuss the pains of versioning, how to avoid them, and why it all comes down to communication.
Chantastic asks about upcoming how React Router v5 will take advantage of new features like Hooks and what versioning strategy they intend to employ with for legacy React Router users.
They fumble clumsily around what the various characters in a package.json file mean, discuss outrageous prefixing as a defense mechanism, and partying at the 2019 JSConfUS in Carlsbad.
Featuring * Michael Jackson β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Announcements Learn React in May! New to React?
Want to learn to learn what the heck we're talking about?
Chantastic is doing a free React primer in the month of May.
Signup to learn more: https://reactpodcast.com/news.
Links
* semver
* New Versioning Scheme β React moves from 0.14 to 15.
* React Router v5
* NodeJS io.js Split
* npm tilde (~) ranges
* npm caret (^) ranges
* What's the difference between tilde(~) and caret(^) in package.json?
* React Training Spring Tour
* __SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
* unpkg.com
* JSConfUS 2019, Carl β in Carlsbad, CA.
Nader Dabit is the author on React Native in Action, Host of React Native Radio, Educator, Speaker, and doing developer relations for AWS Cloud.
Chantastic asks about Amplify and AppSync, where they fit into AWS offerings, why they make authentication and GraphQL server setup a breeze, and how we can start using them.
They discuss the opportunity and difficulty in podcast, the challenges of author a book, and travel the world speaking and educating.
Featuring * Nader Dabit β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Announcements Learn React in May! New to React?
Want to learn to learn what the heck we're talking about?
Chantastic is doing a free React primer in the month of May.
Signup to learn more: https://reactpodcast.com/news.
Manning Discount for React Use the discount code podreact19 for a discount on all Manning books, including React Native in Action.
Links * React Native Radio * AWS Amplify β
The foundation for your cloud-powered mobile & web apps * Nader on Medium * reactnative.training β Master React Native Quickly * React Native in Action * Simplecast * AWS AppSync * GraphQL β A query language for your API * Open GraphQL β A GraphQL publication that is open to anything & everything GraphQL related. * GraphQL Patterns β In depth discussions around everything GraphQL
Jamon Holmgren is CTO and cofounder of Infinite Red, a consultancy that specializes in React Native.
Chantastic asks about Jamon's start in programming and entrepreneurship, why consultancies have an edge in Open Source, and how the Chain React conference plays into their business strategy.
They discuss the team benefits of TypeScript, humble PHP beginnings, and the big differences between consultancy and product.
Featuring * Jamon Holmgren β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Announcements Learn React in May! New to React?
Want to learn to learn what the heck we're talking about?
Chantastic is doing a free React primer in the month of May.
Signup to learn more: https://reactpodcast.com/news
Links * Construction Worker & Home Designer Turned Software Engineer and Business Owner β Jamon Holmgren on secondCareerDevs * Home Grown Accountant to Software Engineer β Michael Chan on secondCareerDevs * Infinite Red β Experts in mobile & web technologies. We create beautiful, functional mobile apps and websites * Infinite Red Academy β Engaging, Hands-On React Native Training * Infinite Red on Github β Engaging, Hands-On React Native Training + Reactotron β A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows + Gluegun β A delightful toolkit for building Node-powered CLIs + Ignite β The hottest CLI for React Native, boilerplates, plugins, generators, and more! + ProMotion β ProMotion is a RubyMotion gem that makes iPhone development less like Objective-C and more like Ruby. Star this repo to keep tabs on our progress * TypeScript * RubyMotion * ember * PhoneGap * Chain React Conf β THE REACT NATIVE CONFERENCE RETURNS TO PORTLAND, July 11-12, 2019 * Building Infinite Red β A Podcast About Building Infinite Red
Sara is a developer on the beloved CodeSandbox app.
She's worked for years as a developer advocate, giving brilliant talks across the world, and building some of the wildest sites on the web.
Chantastic asks her about succeeding against mental illness, how she achieved meme status, why we should "build dumb shit", and what the heck a developer advocate does.
They discuss corporate "change the world" bullshit, casual racism, why you should teach what you know, and the shockingly unglamorous lifestyle of a conference speaker.
Featuring * Sara Vieira β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Your brain doesn't have a fix flag * Sarah Memes * Make Frontend Shit Again * Brainfork.wtf β A podcast about mental health & tech * CSSX β CSS in MDX * CodeSandbox
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Typescript. What is it? How does it help you write better code? Will it help you sleep better at night?
Jared is a lead engineer at The Palmer Group, a strategy, design, and engineering firm.
There he uses TypeScript every day to keep code sturdy and maintainable.
Chantastic asks Jared what we need to know to get a little TypeScript into our apps.
They discuss the joys and pains of Typescript in 2019 and how it compares to languages like Reason, Ocaml, Fable, and Elm.
Featuring * Jared Palmer β Twitter, Github, Consultancy, Website * Michael Chan β Twitter, Github, Website
Notes & Links * TypeScript * Moving To React Suspense - Jared Palmer - React Conf 2018 * npm and the future of JavaScript - Laurie Voss - JSConf US 2018 * The State of the Octoverse: top programming languages of 2018 * flow * Build Your Own Formik Using React Hooks with Jared Palmer (*egghead membership required) * @babel/preset-typescript * Realytics/fork-ts-checker-webpack-plugin * Adding TypeScript to Create React App * TypeStrong/ts-loader * s-panferov/awesome-typescript-loader * rollup-plugin-typescript2 * [RFC] Migrate Jest to TypeScript * tsdx β Zero-config TypeScript package development * Deno β A secure runtime for JavaScript and TypeScript built with V8, Rust, and Tokio * Reason β Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. * Ocaml β OCaml is an industrial strength programming language supporting functional, imperative and object-oriented styles * Fable β The compiler that emits JavaScript you can be proud of! * elm β A delightful language for reliable webapps. Generate JavaScript with great performance and no runtime exceptions. * Swagger * Swagger Codegen * Palantir Technologies β All the TypeScript projects * Shopify Polaris β Our design system helps us work together to build a great experience for all of Shopifyβs merchants.
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Cassidy Williams is a Senior Software Engineer CodePen in Seattle β using React, Redux, GraphQL, and Apollo Client to build the frontend of CodePen and CodePen Projects.
Chantastic asks about building a startup on a plane, maximizing side hustle effort, the importance of networking, and what it's like to meet your heroes.
They discuss tips for getting great advice from smart people, building passive income, finding safe workplaces, and what it looks like to lift as you climb.
Featuring * Cassidy Williams β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * GraphQL * Apollo Client * Britis Always' In-Flight Hackathon Spawns Solutions To The Engineering Crunch β TechCrunch article on Ungrounded "Innovation Lab In The Sky" and AdvisHer. * Kelly Hoey * Kimberly Bryant β founder of Black Girls Code. * Professor Sue Black * Bulding Your Dream Network: Forging Powerful Relationships in a Hyper-Connected World β by J. Kelly Hoey * @smkmeetup β Seattle Mechanical Keyboard Meetup * CKEYS β Keyboards and Workshops * Massdrop x Hasbro Scrabble Keyboard * JavaScript and React for Developers: Master the Essentials β Cassidy's Udemy course.
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer.
Chantastic asks Kyle about his experience healing from burnout, identifying his value, interviewing as a senior developer, and evaluating team fit.
They discuss the importance of networking, brand building, managing your energy, fighting the desire for more, and weaving it all together.
Featuring * Kyle Shevlin β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * secondCareerDevs β Roads less traveled and the lessons learned along the way. * chantastic on secondCareerDevs β Home Grown Accountant to Software Engineer * Data Structures and Algorithms in JavaScript β Kyle's Egghead course * webflow β The awesome partnership that Kyle landed on * Vlad Magdalin β The Co-founder and CEO of webflow * Agreeableness: Big Five personality test * Hedonic treadmill
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer.
Chantastic asks Kyle about his experience breaking into web development, how he navigated the early portion of his career, and the inspiration behind his show secondCareerDevs.
They discuss the importance of finding your community, learning how to learn, and how to make progress on your side projects by live streaming your work.
Featuring * Kyle Shevlin β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * secondCareerDevs β Roads less traveled and the lessons learned along the way. * chantastic on secondCareerDevs β Home Grown Accountant to Software Engineer * Data Structures and Algorithms in JavaScript β Kyle's Egghead course * Reactiflux β React discord server * Tribes by Seth Godin β We Need You to Lead Us * More Than You Asked For β Kyles Twitch channel * Giving the iPad a Full-Time Job β How I setup my iPad for dev work using linode.
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Brian Vaughn is a member of the React Core team and creator of libraries like react-virtualized and react-window. He's a wealth of knowledge in React performance and application profiling.
Chantastic asks Brian about the new profiler tools he's been working on (available to React v16.5 apps), React Core team dynamics, and the future of windowing in React and browsers.
They discuss a handful of practical performance tips, Concurrent rendering in React, React.memo and the useMemo Hook, and how to decide with your human brain when performance tuning is necessary.
Featuring * Brian Vaughn β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * React Conf 2018 * Concurrent Rendering in React - Andrew Clark and Brian Vaughn - React Conf 2018 * Introducing the React Profiler * Concurrent React * Fiber Architecture * Sebastian MarkbΓ₯ge - React Performance End to End (React Fiber) - Keynote Part 3 - React Conf 2017 * React Hooks * fixed-data-table * react-virtualized * react-window * React.memo and useMemo * memoize-one β A memoization library that only caches the result of the most recent arguments.
Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location.
Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout
Sean Swyx Wang moderates and organizes r/reactjs on Reddit.
He also works on developer experience at Netlify.
Sean is a voracious learner and loves to share what he's learning and believes that everyone β regardless of experience β should "learn in public".
Chantastic asks him about what's new in React and how r/reactjs is helping developers learn React, get connected in the community, and find jobs.
They discuss strategies for being a lifelong learner, how to get started in React, the growth of React's API surface area, Hooks, Suspense, Concurrent Mode, designing APIs, and the future of React.
Featuring * Shawn Swyx Wang β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * React Conf 2018 * JAMstack_conf_nyc * Netlify * Popmotion and Pose * React Podcast Interview with Matt Perry on Popmotion * React Hooks * React Suspense * scheduler * react-cache * r/reactjs * Structure and Interpretation of Computer Programs Book * freeCodeCamp React curriculum * Crazy React Asians
Swyx and Chantastic talking Suspense on YouTube
Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future. Theyβre discussion goes all over the place. You kinda just have to listenβ¦
Featuring * Matt Perry β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Popmotion β SimpleΒ librariesΒ forΒ delightfulΒ interfaces * Pose β AΒ trulyΒ simpleΒ animationΒ libraryΒ forΒ React,Β ReactΒ Native,Β andΒ Vue * The Path To A Declaratively Animated Future - Matt Perry - React Conf 2018
Jen Luker is a lead software engineer at Formidable Labs, keynote speaker, host of @BookBytesFM, and expert knitter. Chantastic asks her about the Fiber Arts Corner at React Conf, the history that textiles and programming share, and how we can make our apps more accessible.
Featuring * Jen Luker β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Fiber Arts Circle on Periscope * Jacquard loom on Wikipedia * 99% Invisible Podcast Kids: Articles of Interest #1 β discussing Jacquard Loom and connection to software) * Knitting Is Coding | Lindiwe Matlali | TEDxBeaconStreet * Accessibility: Beyond the Basics β Jen's talk on accessibility * Chain React 2018: Be a React Native A11y β Jen's talk on accessibility in React Native * Axe Developer Tools by Deque βChrome, FireFox * Husky: Git hooks made easy * eslint-plugin-jsx-a11y * eslint-plugin-react-native-a11y
Laurie Voss is the Co-founder/COO of npm. Heβs traveling the world and telling developers about npm and the future of JavaScript. Chantastic asks about his bold predictions for 2019, what the future brings for React, and how React could beat web components. They talk about fresh npm commands and security features, why teams are picking Vue or Ember, some sad truths about maintaining a diverse company, and the lgbtq.technology slack.
Featuring * Laurie Voss β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links
* This year in JavaScript: 2018 in review and npmβs predictions for 2019 on the npm blog
* npm and the future of JavaScript at JSConfUS 2018 (video)
* npm and the future of JavaScript at NEJS CONF 2018 (video)
* lgbtq.technology
* npm audit and npm audit fix
* npm ci
* npm private account and org pricing
* npm enterprise
Vincent Riemer is the creator of io808.com and react-native-dom. He loves working on projects that challenge assumptions and inspire play. Chantastic asks him about his shoes, the inspiration behind and execution of io808.com and his mad scientist adventures with react-native-dom. They discuss the importance of exploration, the worthlessness of linters, and how to steal the platform.
Featuring * Vincent Riemer β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Links * Roland 808 shoes, by Puma * 808 Day * io808.com * Sequencing Audio Using React and the Web Audio API - Vincent Riemer & Bruce Lane at React Amsterdam 2017 * react-native-dom * Bridging React Native Back to its Roots - Vincent Riemer at React Europe 2018
*react-native-web
Ryan Florence is the co-creator of React Router and creator of accessibility-first React libraries Reach Router and Reach UI. Chantastic sits with him to talk about Hooks on the night before they're announced. They talk about React's API growth, if Suspense has taken React to framework-land, what caches and resources mean for developers, and the rebirth of mixins as Hooks.
Featuring * Ryan Florence β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Help Gabe Get Healthy Gabe Greenberg is a friend and community organizer of Reactiflux. Our silent sponsor this week encourages you to support Gabe in getting the treatment he needs to regain a healthy life. Read more and donate here
React Holiday Season 2 started last week.
Sign up here!
Links * Ryan's Tweet response to how React is changing * React lazy and memo announcement * Hooks announcement * Dan's and Sophie's talk "React Today and Tomorrow" * react-cache * Component Lifecycle Changes * Hooks docs * "Mixins are the future of React" β @dan_abromov * Ryan's talk "90% Cleaner React with Hooks"
React Holiday Season two starts December 1st.
Signup here!
Christina is a developer at Google and speaker at React Conf 2018. Chantastic asks her about her cloud development process. They talk about changing careers, building brains, cheating imposter syndrome, speaking at conferences, and all the services you'll need to create your next app with with less software and fewer servers.
Featuring * Christina Holland β Twitter, Github, Writing * Michael Chan β Twitter, Github, Website
Links * Talk Video: Building Todo The Game In A Cloud Only Dev Environment - Christina Holland - React Conf 2018
Editor/Env * AWS Cloud9 IDE * Codeanywhere * CODENVY * Glitch
Hosting/Platform * Firebase * Netlify * Now
Auth * Auth0 * Okta
Jared Palmer is a passionate JavaScript developer, pushing developer ergonomics in React with projects like formik and react-fns. Chantastic asks about what Suspense and Hooks mean for existing apps and what we should know to migrate our code sanely. They discuss why doing away with render props is a good thing, why Hooks are up to the task, and how Hooks and Suspense will impact libraries like formik, react-fns, and the-platform.
Featuring * Jared Palmer β Twitter, Github, Consultancy, Website * Michael Chan β Twitter, Github, Website
Notes & Links * Moving to Suspense β Jared's 2018 React Conf talk * formik β Build forms in React, without tears * react-fns β React Components for common Web APIs * react-adopt β π Compose render props components like a pro * renderator β from this tweet * react-cache βA basic cache for React applications
React Holiday Season two starts December 1st.
Signup here!
Jason Lengstorf is a developer advocate at Gatsby and productivity speaker/author. Chantastic asks about what the Gatsby team is up to, why Gatsby makes sense, and how their team is growing a vibrant JavaScript community. They talk about GraphQL, why thereβs no site that couldnβt be static assets, connecting Gatsby to your existing API, and productivity tips for staying fresh and capable at work.
Featuring * Jason Lengstorf β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Notes & Links * Site: Gatsby Docs * Site: Gatsby Community Page * Tool: Lighthouse Chrome Extension * Tool: webpagetest.org * Video: How I Cut My Working Hours in Half and Somehow Managed to Get More Done * Article: The Multitasking Myth * Book: It Doesn't Have to Be Crazy at Work * Book: The One Thing
The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldnβt worry about the second argument of useEffect.
Featuring * Sebastian MarkbΓ₯ge β Twitter, Github, Medium * Sophie Alpert β Twitter, Github, Website * Dan Abramov β Twitter, Github, Medium * Andrew Clark β Twitter, Github * Brian Vaughn β Twitter, Github, Website * Michael Jackson β Twitter, Github, Website
Notes & Links * React v16.6.0: lazy, memo and contextType * React Hooks * React Dev Tools * React Fire * Prepack
Brad Frost is the author of Atomic Design, renowned speaker, and consulting designer. Chantastic asks him about his recent experience learning React and the difficulty he found entering the realm of React. They talk about team communication, developing portable solutions, organizational therapy through design, and creating a virtuous cycle between product, design, development, and systems creating. They address the challenges of learning UI design in an industry being consumed by JavaScript, the importance of listening and the value of finding nuance in communication.
Featuring * Brad Frost β Twitter, Github, Website * Michael Chan β Twitter, Github, Website
Notes & Links * Atomic Design β A methodology for creating design systems. * Pattern Lab β Build thoughtful, pattern-driven user interfaces using atomic design principles. * Creative exhaust, the power of being open by default: Brad Frost at TEDxGrandviewAve * my struggle to learn react β Brad's thoughts on the difficulty of learning React * i dunno β Brad's thoughts on getting impaled for detailing his struggle to learn React * dumb react β A collection of dumb React components that are used to stitch together a website screen
Diana and Emily create design systems at Github.
Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier.
They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers.
Itβs a great discussion for everyone looking to improve processes in a legacy application.
Featuring * Diana Mounter β Twitter, Github, Website * Emily Plummer β Twitter, Github * Michael Chan β Twitter, Github, Website
Notes & Links * Jon Rohan β Systems Designer at Github * Jina Anne β Design Systems OG, DSC organizer @sf_dsc, @NYC_DSC * NYCDSC β Design Systems Coalition meetup in New York * Donut.js β Emily's web development meetup in Portland. Organized by Matt McVicker * Primer Style Guide β Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework * Minimal API Surface Area β JSConf EU talk by Sebastian MarkbΓ₯ge * BEM naming methodology β Conventions for extendable and reusable interface components * Design systems at Github β A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team * Lerna β π A tool for managing JavaScript projects with multiple packages * Using Figma designs to build the Octicons icon library β An article by Jon Rohan on their new icon system * styled-system β β¨ Responsive, theme-based style props for building design systems with React * emotion β Performant and flexible CSS-in-JS * Probot β GitHub Apps to automate
and improve your workflow * Primer Component β Github's React component driven style system * Next.js β A React framework * MDX β Markdown for the component era. * mdx-docs β π Document and develop React components with MDX and Next.js * Andrew Clark: React Suspense β A powerful new set of primitives for addressing longstanding problems in UI development * @githubprimer β The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, & @emplums
Chantastic asks Burke Holland about Five Things, VS Code can do that?!, and what brought him to computers. They discuss Windows 98 UI, React at Microsoft, the gateway drug to TypeScript, React Food Truck, and how how he discovered the identity of horse_js.
Featuring
- Burke Holland β Twitter, Medium
- Michael Chan β Twitter, Github, Website
Notes & Links
- Five Things β a show about JavaScript, Node and all things web.
- VS Code can do that?! β All the best things about Visual Studio Code that nobody ever bothered to tell you.
- Microsoft Office rewrite in React.js nears completion
- Microsoft Azure β Turn your ideas into solutions faster using a trusted cloud that is designed for you.
- React Food Truck for VS Code β A collection of curated extensions for discerning React developers.
- DISCOVERING THE TRUE IDENTITY OF @HORSE_JS USING MACHINE LEARNING β Burke and Jasmine's JSConfUS 2018 talk.
- Vue.js β A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
- TypeScript β JavaScript that scales.
- Cycle.js β A functional and reactive JavaScript framework for predictable code.
- Jasmine Greenway
- John Papa
Chantastic talks with Sunil Pai about Facebook, Oculus, and what the future holds for the JavaScript community. They discuss Sunilβs early adventures in programming, the power of a great manager, why firebug changed everything, why he scowls at models, the ways we protect ourselves from criticism, being βevil by accidentβ, and becoming The CSS Guy for the rest of eternity.
Featuring
- Sunil Pai β Twitter, Github
- Michael Chan β Twitter, Github, Website
Notes & Links
- The βSomethingβ Statements β Sunil's React Rally 2018 talk
- Oculus Rooms
- Oculus Venues
- glamor β inline css for react et al
- css-suspense β css loading for react
- emotion.sh β style as a function of state
- Kye Hohenberger
- Max Stoiber
Chantastic talks with Ryan Florence about Reach UI and why accessibility is important for everyone. They discuss the balance of physical and mental activity, Ryanβs foray into programming and entrepreneurship, the inspiration behind his accessibility-first component library, and why none of us are really full-stack developers.
Featuring
- Ryan Florence β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- reach.tech
- Reach UI β The accessible foundation of your React-based design system.
- Voice Over β The screen Reader built into MacOS.
- NVDA β The screen reader typically paired with FireFox.
- JAWS The screen reader typically paired with IE11 or Edge.
- React Spring β Helping react-motion and animated to become best friends
- Gatsby v2 Announcement
- MDX β A format that lets you seamlessly use JSX in your Markdown documents.
- Tweet from Zack β "As someone who recently learned they're going blind, thank you. I never realized quite how important this work is until now and I regret not putting more effort into it in previous projects." β Zack
- Brent Jackson
Chantastic talks with Kent C Dodds about his adventures in React development and why we should be optimizing code for delete-ability. They discuss React Rally, managing your career, taming your ego, keeping healthy and happy on Twitter, tools for composing components well and when to use them, and whatβs next for React.
Featuring
- Kent C. Dodds β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- downshift β π Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
- Compound Components β Ryan's Phoenix ReactJS talk on compound components
- glamorous β π Maintainable CSS with React
- CodeSandbox
- Prop Collections β How to give rendering control to users with prop getters
- Simply React β Kent's 2018 React Rally talk on compound components and composition
- react-redocx
- mdx-deck
- Brent Jackson
- Adam Morse
- Sunil Pai
- Sarah Drasner
- Marcy Sutton
- Nitin Tulswani
- Shawn Wang
- Ryan Florence
Chantastic talks with Devon about her adventures in web development and why she organizes the ReactJS San Francisco Bay Area meetup. They discuss how to foster vibrant and inclusive communities, why React Rally is so special, and what it means that Apple is sponsoring a React conference.
Featuring
- Devon Lindsey β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- ReactJS San Francisco Bay Area meetup
- Contributing Vapor lightning talk at React.js Conf 2016
- A hand wave of React for all your Internet of Thangs, React Rally 2017
Chantastic talks with Michael about his journey into open source and how he's building a business to sustain open source development. They discuss frontend libraries (then and now), the link between business and open source, the genesis of unpkg.com (a CDN for NPM), and the future of modules in the browser.
Featuring
- Michael Jackson β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- Shadowbox.js β Michael's first open source project
- React Router
- UNPKG β A CDN for NPM
- [UNPKG: The CDN for everything on npm] β Michael's 2017 React Rally talk on web modules
- Can I use
modulesβ Browser support forscript type="module" - Babel on Open Collective β Support JavaScript innovation by donating
Chantastic talks with Nikolai about Prepack β a tool for making JavaScript code run faster. They discuss the goals and challenges before Prepack, why it makes global JavaScript faster, and how it could dramatically improve time to interactive performance in large React apps.
Featuring
- Nikolai Tillmann β Twitter, Github
- Michael Chan β Twitter, Github, Website
Notes & Links
- Prepack
- Prepack repl
Chantastic talks with Alex Reardon about his project react-beautiful-dnd. They discuss the physics of drag and drop, accessibility in any language, tricks and tactics for performance tuning UI, and engineering health in open source.
Checkout Alexβs free egghead.io course Beautiful and Accessible Drag and Drop with react-beautiful-dnd!
Featuring
- Alex Reardon β Twitter, Github, Medium
- Michael Chan β Twitter, Github, Website
Notes & Links
- Atlaskit
- Tweet announcing react-beautiful-dnd 8.0
- Dragging React performance forward
- Natural keyboard movement between lists
- Rethinking drag and drop
- Jira Core
- Prettier
- Jest
- jsdom
- skatejs
- downshift
- KeystoneJS
- React Select
- Render props
Michael and Michael talk with Ken about the good, bad, and ugly of open source. Ken shares the pain and frustration he's felt as an open source developer and what keeps him coming back for more as the Director of Open Source at Formidable Labs. They talk GraphQL, Reason, React, and the best tweet Ken ever tweeted...
Featuring
- Ken Wheeler β Twitter, Github, Website
- Michael Jackson β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- Formidable Labs: Open Source
- URQL β Universal React Query Library
- Building the Walmart iOS Pharmacy with React Native β Ken's first talk at React Conf 2016
- Using React for Anything but Website β Ken's 2017 React Conf talk
- Ken's Best Tweet
- ReasonML
- reason-react
Michael Jackson, Michael Chan talk with Shirley Wu about D3 and React, creative data visualization, her freelance work, and how she's helping React developers love D3.
Featuring
- Shirley Wu β Twitter, Github, Website
- Michael Jackson β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- data sketch|es A Nadieh & Shirley collaboration.
- An Interactive Visualization of Every Line in Hamilton Analyzing 21,000 words for relational and thematic insights.
- Film Flowers Top summer blockbusters reimagined as flowers.
- Introduction to Data Visualization with d3.js v4 Video Course on Frontend Masters.
- Semiotic for Data Visualization by Elijah Meeks.
- info we trust. by RJ Andrews.
- Matt DesLauriers β generative artist.
- teamLab β Interactive projection mapping museum experiences.
Michael, Michael, and Harrison talk VX, Charting with D3, Airbnb engineering, and designing unopinionated component in React.
Featuring
- Harrison Shoff β Twitter, Github, Medium
- Michael Jackson β Twitter, Github, Website
- Michael Chan β Twitter, Github, Website
Notes & Links
- vx | visualization components
- My Airbnb story
- ReasonML
- React Sketch.app
- react-dates
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.
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!
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.
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
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
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
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
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
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
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
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
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
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
Times, React Native's
documentation * React Native - Components and APIs * Twitter Lite, React Native, and Progressive Web Apps by Nicolas Gallagher at ReactRally