React Podcast

Laurie Voss is the Co-founder/COO of npm. He’s traveling the world and telling developers about npm and the future of JavaScript. Chantastic asks about his bold predictions for 2019, what the future brings for React, and how React could beat web components. They talk about fresh npm commands and security features, why teams are picking Vue or Ember, some sad truths about maintaining a diverse company, and the lgbtq.technology slack. Featuring Laurie Voss — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links This year in JavaScript: 2018 in review and npm’s predictions for 2019 on the npm blog npm and the future of JavaScript at JSConfUS 2018 (video) npm and the future of JavaScript at NEJS CONF 2018 (video) lgbtq.technology npm audit and npm audit fix npm ci npm private account and org pricing npm enterprise

Vincent Riemer is the creator of io808.com and react-native-dom. He loves working on projects that challenge assumptions and inspire play. Chantastic asks him about his shoes, the inspiration behind and execution of io808.com and his mad scientist adventures with react-native-dom. They discuss the importance of exploration, the worthlessness of linters, and how to steal the platform. Featuring Vincent Riemer — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Roland 808 shoes, by Puma 808 Day io808.com Sequencing Audio Using React and the Web Audio API - Vincent Riemer & Bruce Lane at React Amsterdam 2017 react-native-dom Bridging React Native Back to its Roots - Vincent Riemer at React Europe 2018 *react-native-web

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"

React Holiday Season two starts December 1st. Signup here! Christina is a developer at Google and speaker at React Conf 2018. Chantastic asks her about her cloud development process. They talk about changing careers, building brains, cheating imposter syndrome, speaking at conferences, and all the services you'll need to create your next app with with less software and fewer servers. Featuring Christina Holland — Twitter, Github, Writing Michael Chan — Twitter, Github, Website Links Talk Video: Building Todo The Game In A Cloud Only Dev Environment - Christina Holland - React Conf 2018 Editor/Env AWS Cloud9 IDE Codeanywhere CODENVY Glitch Hosting/Platform Firebase Netlify Now Auth Auth0 Okta

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!

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

The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect. Featuring Sebastian Markbåge — Twitter, Github, Medium Sophie Alpert — Twitter, Github, Website Dan Abramov — Twitter, Github, Medium Andrew Clark — Twitter, Github Brian Vaughn — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Notes & Links React v16.6.0: lazy, memo and contextType React Hooks React Dev Tools React Fire Prepack

Brad Frost is the author of Atomic Design, renowned speaker, and consulting designer. Chantastic asks him about his recent experience learning React and the difficulty he found entering the realm of React. They talk about team communication, developing portable solutions, organizational therapy through design, and creating a virtuous cycle between product, design, development, and systems creating. They address the challenges of learning UI design in an industry being consumed by JavaScript, the importance of listening and the value of finding nuance in communication. Featuring Brad Frost — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links Atomic Design — A methodology for creating design systems. Pattern Lab — Build thoughtful, pattern-driven user interfaces using atomic design principles. Creative exhaust, the power of being open by default: Brad Frost at TEDxGrandviewAve my struggle to learn react — Brad's thoughts on the difficulty of learning React i dunno — Brad's thoughts on getting impaled for detailing his struggle to learn React dumb react — A collection of dumb React components that are used to stitch together a website screen

Diana and Emily create design systems at Github. Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier. They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers. It’s a great discussion for everyone looking to improve processes in a legacy application. Featuring Diana Mounter — Twitter, Github, Website Emily Plummer — Twitter, Github Michael Chan — Twitter, Github, Website Notes & Links Jon Rohan — Systems Designer at Github Jina Anne — Design Systems OG, DSC organizer @sf_dsc, @NYC_DSC NYCDSC — Design Systems Coalition meetup in New York Donut.js — Emily's web development meetup in Portland. Organized by Matt McVicker Primer Style Guide — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework Minimal API Surface Area — JSConf EU talk by Sebastian Markbåge BEM naming methodology — Conventions for extendable and reusable interface components Design systems at Github — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team Lerna — 🐉 A tool for managing JavaScript projects with multiple packages Using Figma designs to build the Octicons icon library — An article by Jon Rohan on their new icon system styled-system — ✨ Responsive, theme-based style props for building design systems with React emotion — Performant and flexible CSS-in-JS Probot — GitHub Apps to automate and improve your workflow Primer Component — Github's React component driven style system Next.js — A React framework MDX — Markdown for the component era. mdx-docs — 📝 Document and develop React components with MDX and Next.js Andrew Clark: React Suspense — A powerful new set of primitives for addressing longstanding problems in UI development @githubprimer — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, & @emplums

Chantastic asks Burke Holland about Five Things, VS Code can do that?!, and what brought him to computers. They discuss Windows 98 UI, React at Microsoft, the gateway drug to TypeScript, React Food Truck, and how how he discovered the identity of horse_js. Featuring Burke Holland — Twitter, Medium Michael Chan — Twitter, Github, Website Notes & Links Five Things — a show about JavaScript, Node and all things web. VS Code can do that?! — All the best things about Visual Studio Code that nobody ever bothered to tell you. Microsoft Office rewrite in React.js nears completion Microsoft Azure — Turn your ideas into solutions faster using a trusted cloud that is designed for you. React Food Truck for VS Code — A collection of curated extensions for discerning React developers. DISCOVERING THE TRUE IDENTITY OF @HORSE_JS USING MACHINE LEARNING — Burke and Jasmine's JSConfUS 2018 talk. Vue.js — A progressive, incrementally-adoptable JavaScript framework for building UI on the web. TypeScript — JavaScript that scales. Cycle.js — A functional and reactive JavaScript framework for predictable code. Jasmine Greenway John Papa