React Podcast

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

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

This week we sit down with Phani Raju. He's a Staff Engineer at GitHub and lead on the GitHub Package Registry. He tells us what package registries are and why GitHub is uniquely suited to take them to the next step in security, trust, and user experience. This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future. It's also a fantastic lens into the great engineering and design thinking that is alive and well at GitHub — and how the Dear GitHub letter sparked a new wave of innovation. Featuring Phani Raju — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Introducing GitHub Package Registry [Github Releases](About releases) on the Github blog Announcing Git Large File Storage (LFS on The Github Blog Supply chain attack on Wikipedia The Problem of Package Manager Trust by Phil Haack Dear Github — 

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

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 a

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 clien

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.FeaturingEmma Bostian — Twitter, Github, WebsiteMichael Chan — Twitter, Github, WebsiteLinksdon't touch my garbage!!! — the possum tweetBuilding a Design System with React - ReactJS Girls Conference — Emma's talk on the components of a design systemEmma's writing on dev.toJS PARTY — A community celebration of JavaScript and the webladybug podcast — Kelly Vaughn, Ali Spittel, Emma Bostian, && Lindsey Kopacz debug the tech industrySponserVisit 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

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 —

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 —

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 V

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 N

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

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 react

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

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 hi

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 — 

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

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 ti

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 reactna