OwlTail

Cover image of React Podcast

React Podcast

Conversations about React with your favorite developers.

Weekly hand curated podcast episodes for learning

Popular episodes

All episodes

The best episodes ranked using user listens.

Podcast cover

60: James K Nelson on React with the Buzzwords

This week on React Podcast we sit down with James K Nelson. We discuss what makes React hard to learn and how he's addressing that with his teaching platform frontarm.com. We talk about learning React without the buzzwords, his new router — Navi — and how to make some React bacon. This is a great episode for those who have had trouble keeping up with React and want to discover and master the things have remained the same Featuring James K Nelson — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Weird, or just different? — Derek Siver’s TED talk on Japanese vs American street naming Dan Abromov’s tweet about React without buzzwords Learn React’s fundamentals without the buzzwords The Little Schemer — The book we mention that uses the Socratic method to teach functional programming railstutorial.org — How chantastic learned Rails “What’s not going to change in the next 10 years?” — Jeff Bezos’ famous focusing question ReactJS Tokyo create-react-app — Set up a modern web app by running one command Next.js — The React Framework for Everything Navi — Declarative, asynchronous routing for React Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

40mins

22 Aug 2019

Rank #1

Podcast cover

14: VX and D3 Charting with Harrison Shoff

Michael, Michael, and Harrison talk VX, Charting with D3, Airbnb engineering, and designing unopinionated component in React. Featuring Harrison Shoff — Twitter, Github, Medium Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links vx | visualization components My Airbnb story ReasonML React Sketch.app react-dates

33mins

31 Jul 2018

Rank #2

Similar Podcasts

Podcast cover

3: The Future of React with Dan Abramov

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

35mins

28 Feb 2018

Rank #3

Podcast cover

31: Hooks are Mixins with Ryan Florence

Ryan Florence is the co-creator of React Router and creator of accessibility-first React libraries Reach Router and Reach UI. Chantastic sits with him to talk about Hooks on the night before they're announced. They talk about React's API growth, if Suspense has taken React to framework-land, what caches and resources mean for developers, and the rebirth of mixins as Hooks. Featuring Ryan Florence — Twitter, Github, Website Michael Chan — Twitter, Github, Website Help Gabe Get Healthy Gabe Greenberg is a friend and community organizer of Reactiflux. Our silent sponsor this week encourages you to support Gabe in getting the treatment he needs to regain a healthy life. Read more and donate here React Holiday Season 2 started last week. Sign up here! Links Ryan's Tweet response to how React is changing React lazy and memo announcement Hooks announcement Dan's and Sophie's talk "React Today and Tomorrow" react-cache Component Lifecycle Changes Hooks docs "Mixins are the future of React" — @dan_abromov Ryan's talk "90% Cleaner React with Hooks"

44mins

4 Dec 2018

Rank #4

Most Popular Podcasts

Podcast cover

49: Break In with Scott Tolinski

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

55mins

23 May 2019

Rank #5

Podcast cover

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

Cassidy Williams is a Senior Software Engineer CodePen in Seattle — using React, Redux, GraphQL, and Apollo Client to build the frontend of CodePen and CodePen Projects. Chantastic asks about building a startup on a plane, maximizing side hustle effort, the importance of networking, and what it's like to meet your heroes. They discuss tips for getting great advice from smart people, building passive income, finding safe workplaces, and what it looks like to lift as you climb. Featuring Cassidy Williams — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links GraphQL Apollo Client Britis Always' In-Flight Hackathon Spawns Solutions To The Engineering Crunch — TechCrunch article on Ungrounded "Innovation Lab In The Sky" and AdvisHer. Kelly Hoey Kimberly Bryant — founder of Black Girls Code. Professor Sue Black Bulding Your Dream Network: Forging Powerful Relationships in a Hyper-Connected World — by J. Kelly Hoey @smkmeetup — Seattle Mechanical Keyboard Meetup CKEYS — Keyboards and Workshops Massdrop x Hasbro Scrabble Keyboard JavaScript and React for Developers: Master the Essentials — Cassidy's Udemy course. Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

46mins

21 Mar 2019

Rank #6

Podcast cover

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

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer. Chantastic asks Kyle about his experience breaking into web development, how he navigated the early portion of his career, and the inspiration behind his show secondCareerDevs. They discuss the importance of finding your community, learning how to learn, and how to make progress on your side projects by live streaming your work. Featuring Kyle Shevlin — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links secondCareerDevs — Roads less traveled and the lessons learned along the way. chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer Data Structures and Algorithms in JavaScript — Kyle's Egghead course Reactiflux — React discord server Tribes by Seth Godin — We Need You to Lead Us More Than You Asked For — Kyles Twitch channel Giving the iPad a Full-Time Job — How I setup my iPad for dev work using linode. Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

38mins

7 Mar 2019

Rank #7

Podcast cover

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

Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future. They’re discussion goes all over the place. You kinda just have to listen… Featuring Matt Perry — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Popmotion — Simple libraries for delightful interfaces Pose — A truly simple animation library for React, React Native, and Vue The Path To A Declaratively Animated Future - Matt Perry - React Conf 2018

46mins

17 Jan 2019

Rank #8

Podcast cover

82: Becca Bailey on Refactoring React Components

Today we chat with Becca Bailey about Refactoring — how to make your React code a little more liveable, human-friendly, and ready for anything. You can hear more from Becca this march, on finding joy in refactoring. 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

41mins

20 Feb 2020

Rank #9

Podcast cover

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

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer. Chantastic asks Kyle about his experience healing from burnout, identifying his value, interviewing as a senior developer, and evaluating team fit. They discuss the importance of networking, brand building, managing your energy, fighting the desire for more, and weaving it all together. Featuring Kyle Shevlin — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links secondCareerDevs — Roads less traveled and the lessons learned along the way. chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer Data Structures and Algorithms in JavaScript — Kyle's Egghead course webflow — The awesome partnership that Kyle landed on Vlad Magdalin — The Co-founder and CEO of webflow Agreeableness: Big Five personality test Hedonic treadmill Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

33mins

14 Mar 2019

Rank #10

Podcast cover

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

Jared Palmer is a passionate JavaScript developer, pushing developer ergonomics in React with projects like formik and react-fns. Chantastic asks about what Suspense and Hooks mean for existing apps and what we should know to migrate our code sanely. They discuss why doing away with render props is a good thing, why Hooks are up to the task, and how Hooks and Suspense will impact libraries like formik, react-fns, and the-platform. Featuring Jared Palmer — Twitter, Github, Consultancy, Website Michael Chan — Twitter, Github, Website Notes & Links Moving to Suspense — Jared's 2018 React Conf talk formik — Build forms in React, without tears react-fns — React Components for common Web APIs react-adopt — 😎 Compose render props components like a pro renderator — from this tweet react-cache —A basic cache for React applications React Holiday Season two starts December 1st. Signup here!

47mins

20 Nov 2018

Rank #11

Podcast cover

6: Async React with Andrew Clark

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

45mins

10 Apr 2018

Rank #12

Podcast cover

28: Be Healthy and Love Gatsby with Jason Lengstorf

Jason Lengstorf is a developer advocate at Gatsby and productivity speaker/author. Chantastic asks about what the Gatsby team is up to, why Gatsby makes sense, and how their team is growing a vibrant JavaScript community. They talk about GraphQL, why there’s no site that couldn’t be static assets, connecting Gatsby to your existing API, and productivity tips for staying fresh and capable at work. Featuring Jason Lengstorf — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links Site: Gatsby Docs Site: Gatsby Community Page Tool: Lighthouse Chrome Extension Tool: webpagetest.org Video: How I Cut My Working Hours in Half and Somehow Managed to Get More Done Article: The Multitasking Myth Book: It Doesn't Have to Be Crazy at Work Book: The One Thing

53mins

14 Nov 2018

Rank #13

Podcast cover

45: Version Responsibly with Michael Jackson

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.

46mins

25 Apr 2019

Rank #14

Podcast cover

12: Coming to React with Sara Vieira

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

55mins

5 Jun 2018

Rank #15

Podcast cover

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

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.

52mins

19 Sep 2019

Rank #16

Podcast cover

58: Eve Porcello on Learning GraphQL

This week we talk with Eve Porcello about getting started with GraphQL. She is the co-author of Learning React and Learning GraphQL. She travels the world with husband Alex bank teaching JavaScript and telling jokes. We talk about comedy and code and how to engage audiences with a little bit of funny. This is a great episode if you want to add a little GraphQL to your stack or learn how to give a hilarious conference talks. Featuring Eve Porcello — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links GraphQL Query Language — Eve's new egghead.io course on GraphQL Learning React: Functional Web Development with React and Redux — Eve's React Book Learning GraphQL: Declarative Data Fetching for Modern Web Apps — Eve's GraphQL book Moon Highway — Eve and Alex's training company Everything You Need to Know About GraphQL in 3 Components — React Rally 2018 talk... the one with the tattoo bit Apollo Server — the best way to quickly build a production-ready, self-documenting API for GraphQL clients, using data from any source apollo-link-rest — Call your REST APIs inside your GraphQL queries Mocking — Apollo Docs — Mock your GraphQL data based on a schema SWAPI GraphQL API — The one you're obligated to make your first request to Github GraphQL v4 API Github GraphQL Explorer OneGraph Apollo Federation ReactJS Girls Conference, Twitter, and videos Reactathon Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. 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.

42mins

8 Aug 2019

Rank #17

Podcast cover

11: Inside React with Sophie Alpert

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

41mins

29 May 2018

Rank #18

Podcast cover

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

Houssein Djirdeh works with the Developer Relations team at Google, educating React developers on web application performance. 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.

38mins

2 May 2019

Rank #19

Podcast cover

34: Just Use a Button with Jen Luker

Jen Luker is a lead software engineer at Formidable Labs, keynote speaker, host of @BookBytesFM, and expert knitter. Chantastic asks her about the Fiber Arts Corner at React Conf, the history that textiles and programming share, and how we can make our apps more accessible. Featuring Jen Luker — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Fiber Arts Circle on Periscope Jacquard loom on Wikipedia 99% Invisible Podcast Kids: Articles of Interest #1 — discussing Jacquard Loom and connection to software) Knitting Is Coding | Lindiwe Matlali | TEDxBeaconStreet Accessibility: Beyond the Basics — Jen's talk on accessibility Chain React 2018: Be a React Native A11y — Jen's talk on accessibility in React Native Axe Developer Tools by Deque —Chrome, FireFox Husky: Git hooks made easy eslint-plugin-jsx-a11y eslint-plugin-react-native-a11y

36mins

9 Jan 2019

Rank #20