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