React Podcast

Latest Episodes:

33: Transcendence and the Future of React with Laurie Voss Dec 19, 2018

Show notes

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

32: Steal the Platform with Vincent Riemer Dec 12, 2018

Show notes

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

31: Hooks are Mixins with Ryan Florence Dec 04, 2018

Show notes

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

30: Develop in the Cloud with Christina Holland Nov 28, 2018

Show notes

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

Hosting/Platform

Auth

Auth0
Okta

29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer Nov 20, 2018

Show notes

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!

28: Be Healthy and Love Gatsby with Jason Lengstorf Nov 14, 2018

Show notes

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

27: React Today and Tomorrow with the React Core Team Oct 31, 2018

Show notes

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

26: Chill Out and Listen with Brad Frost Oct 23, 2018

Show notes

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

25: Make Brilliant Messes with Diana Mounter and Emily Plummer Oct 16, 2018

Show notes

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

24: Chase Whimsy with Burke Holland Oct 09, 2018

Show notes

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