React Podcast

FeaturingPariss Athena — Twitter, Websitechantastic — Twitter, WebsiteLinks#BlackTechTwitter hashtag search to TwitterBlack Tech PipelineDiversity, Equity, and Inclusion@ParissAthena's tweet on why she is specific about helping Black and Brown technologists, not PoC (people of color)CorrectionsThere were two places where I spoke without providing enough context for the listeners. People have asked and, given the importance of the topic, I'd like to add that context here:"We're doing fine...": To support a point about exclusively supporting Black and Brown groups, excluding other people of color, I said (about Asians) "we're doing fine". This is an oversimplification. I meant "Asian representation in tech is significantly better — at American tech companies — than that of Black and Brown folks." I didn't mean to diminish the challenges that Asian developers and designers face in the workplace but to say — by comparison — I've never worked at a growing company where I was the only person who looked like me (for 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

FeaturingEve Porcello — Twitter, Website, GitHubAdam Banks — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksLearning React, 2nd EditionMoon Highway - professional web development trainings30 Day Free Trial for O’ReillyGraphQL is for Everyone monthly webinarsSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.TestCafeA node.js tool to automate end-to-end web testing.Write tests in JS or TypeScript.TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.It's free, open source, and will help you enjoy writing end-to-end tests.Visit testcafe.io to automate your code testing — free!Black Lives MatterPlease join us in donating to the Equal Justice Initiative

FeaturingChris on Code — Twitter, Website, GitHubchantastic — Twitter, Website, GitHubLinksMakeReactApps.com — Build real-world React projectsWes BosReact HooksScreenFlowDreamweaverNicholas Cerminara, scotch.io co-founderJamstackjwt — JSON Web TokenBuySellAds100: The Business of Remix with Ryan Florence and Michael JacksonRedwoodjsAirtableNotionTypeScriptVisual Studio CodeSponsorsInfinite RedIn over your head with a React or React Native app? Infinite Red can help.They are React Native core contributors who've been designing, building and shipping apps for over 10 years. Head to reactpodcast.infinite.red to learn more.TestCafeA node.js tool to automate end-to-end web testing.Write tests in JS or TypeScript.TestCafe works with all popular OS & browsers and takes 1 minute to setup: no WebDriver or other tools required.It's free, open source, and will help you enjoy writing end-to-end tests.Visit testcafe.io to automate your code testing — free!Black Lives MatterPlease join us in donating to the Equal Justice Initiative

Ryan Florence and Michael Jackson discuss their business plans for Remix, React Router, and Reach UI. They talk about the impact of COVID on their business, the challenges of making open-source sustainable, and different models of monetizing open source software. They also explore the need for a framework that solves multiple problems in the React community and explain why they choose to sell their product instead of keeping it open source.

Michael Jackson and Ryan Florence discuss building Remix, a React framework. They explore TurboLinks, Pjax, and server-side rendering. They also discuss Remix's potential, suspense, back end connections, CDN optimization, React Router v6 integration, and smart routing in Remix.

Joel Hooks shares the story of egghead.io.Joel and chantastic talk about doing the work, the overrated role of passion, the power of a grudge, and building yourself into your own boss...FeaturingJoel Hooks — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteLinksRich Dad Poor DadAdobe FlashSo Good They Can’t Ignore You book by Cal NewportMichael Jordan takes final shots at Hall of Fame induction30x500 product framework by Amy Hoy and Alex HillmanBrennan DunnNathan BerryPatrick McKenzieIntroduction to Robotlegs by JoelAngularJS — Superheroic JavaScript MVW FrameworkBaconBizBaconBizConf 2013 Sketchnotes by JoelBrennan Dunn’s Consultancy Masterclass Sketchnotes by JoelJohn LindquistRails TutorialDevise — Flexible authentication solution for Rails with WardenEgghead InstructorsStumbling on Happiness book by Daniel GilbertChad Pytel — thoughtbot CEOJFDI on Urbn Dictionary — “Just fucking do it”How I increased conversion 2.4x with better copywriting article by Amy Hoy on the Pain, Dream, Fix writing frameworkWes Bos as a Service tweet by Wes BosChris BiscardiKent C DoddsVojta HolikEgghead Swag StoreParty Corgi Tank TopEgghead Knit BeanieSean LarkinConvertKit — Connect with your audience. Make a living doing work you loveJust JavaScript — A course by Dan Abramov and Maggie AppletonBuilding a Second Brain by Tiago ForteRoam ResearchMy blog is a digital garden, not a blog on joelhooks.comSponsorBuild 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.FeaturingTomasz Łakomy — Twitter, GitHub, Websitechantastic — Twitter, GitHub, WebsiteAnnouncementBuild an App with the AWS Cloud Development Kit with Tomasz Łakomy's new AWS course on eggheadLinksTomasz’ Egghead Instructor PageSleeping well at night with cypress.io by Tomasz Łakomy | React India 2019jQueryBackbone.js — structure to web applicationsMarionette — The Backbone FrameworkAWS Certification — Validate technical skills and cloud expertise to grow your career and business“When one teaches, two learn.” — Robert Heinlein on goodreadsT-shaped skills on WikipediaJoel HooksAWSLambdaDynamoDBMachine learningSQSSNSAWS CDKmongoDBRuby on RailsLearn AWS Lambda from scratchTypeScript — JavaScript that scalescypress — Fast, easy and reliable testing for anything that runs in a browserSmoke testing on WikipediaSponsorBuild 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.