React Podcast

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

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 —

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 for script 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