React Podcast

Jamon Holmgren is CTO and cofounder of Infinite Red, a consultancy that specializes in React Native. Chantastic asks about Jamon's start in programming and entrepreneurship, why consultancies have an edge in Open Source, and how the Chain React conference plays into their business strategy. They discuss the team benefits of TypeScript, humble PHP beginnings, and the big differences between consultancy and product. Featuring Jamon Holmgren — 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 Construction Worker & Home Designer Turned Software Engineer and Business Owner — Jamon Holmgren on secondCareerDevs Home Grown Accountant to Software Engineer — Michael Chan on secondCareerDevs Infinite Red — Experts in mobile & web technologies. We create beautiful, functiona

Sara is a developer on the beloved CodeSandbox app. She's worked for years as a developer advocate, giving brilliant talks across the world, and building some of the wildest sites on the web. Chantastic asks her about succeeding against mental illness, how she achieved meme status, why we should "build dumb shit", and what the heck a developer advocate does. They discuss corporate "change the world" bullshit, casual racism, why you should teach what you know, and the shockingly unglamorous lifestyle of a conference speaker. Featuring Sara Vieira — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Your brain doesn't have a fix flag Sarah Memes Make Frontend Shit Again Brainfork.wtf — A podcast about mental health & tech CSSX — CSS in MDX CodeSandbox Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node location. Get a $20 credit when you visit: linode

Typescript. What is it? How does it help you write better code? Will it help you sleep better at night? Jared is a lead engineer at The Palmer Group, a strategy, design, and engineering firm. There he uses TypeScript every day to keep code sturdy and maintainable. Chantastic asks Jared what we need to know to get a little TypeScript into our apps. They discuss the joys and pains of Typescript in 2019 and how it compares to languages like Reason, Ocaml, Fable, and Elm. Featuring Jared Palmer — Twitter, Github, Consultancy, Website Michael Chan — Twitter, Github, Website Notes & Links TypeScript Moving To React Suspense - Jared Palmer - React Conf 2018 npm and the future of JavaScript - Laurie Voss - JSConf US 2018 The State of the Octoverse: top programming languages of 2018 flow Build Your Own Formik Using React Hooks with Jared Palmer (*egghead membership required) @babel/preset-typescript Realytics/fork-ts-checker-webpack-plugin Adding TypeScript to Create React App TypeStrong/ts-loader s-panferov/a

Cassidy Williams is a Senior Software Engineer CodePen in Seattle — using React, Redux, GraphQL, and Apollo Client to build the frontend of CodePen and CodePen Projects. Chantastic asks about building a startup on a plane, maximizing side hustle effort, the importance of networking, and what it's like to meet your heroes. They discuss tips for getting great advice from smart people, building passive income, finding safe workplaces, and what it looks like to lift as you climb. Featuring Cassidy Williams — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links GraphQL Apollo Client Britis Always' In-Flight Hackathon Spawns Solutions To The Engineering Crunch — TechCrunch article on Ungrounded "Innovation Lab In The Sky" and AdvisHer. Kelly Hoey Kimberly Bryant — founder of Black Girls Code. Professor Sue Black Bulding Your Dream Network: Forging Powerful Relationships in a Hyper-Connected World — by J. Kelly Hoey @smkmeetup — Seattle Mechanical Keyboard Meetup CKEYS — Keyboards and

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer. Chantastic asks Kyle about his experience healing from burnout, identifying his value, interviewing as a senior developer, and evaluating team fit. They discuss the importance of networking, brand building, managing your energy, fighting the desire for more, and weaving it all together. Featuring Kyle Shevlin — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links secondCareerDevs — Roads less traveled and the lessons learned along the way. chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer Data Structures and Algorithms in JavaScript — Kyle's Egghead course webflow — The awesome partnership that Kyle landed on Vlad Magdalin — The Co-founder and CEO of webflow Agreeableness: Big Five personality test Hedonic treadmill Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud. Get a server running in seconds with your choice of Linux distro, resources, and node l

Kyle is a JavaScript engineer at webflow, speaker, educator, and Twitch streamer. Chantastic asks Kyle about his experience breaking into web development, how he navigated the early portion of his career, and the inspiration behind his show secondCareerDevs. They discuss the importance of finding your community, learning how to learn, and how to make progress on your side projects by live streaming your work. Featuring Kyle Shevlin — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links secondCareerDevs — Roads less traveled and the lessons learned along the way. chantastic on secondCareerDevs — Home Grown Accountant to Software Engineer Data Structures and Algorithms in JavaScript — Kyle's Egghead course Reactiflux — React discord server Tribes by Seth Godin — We Need You to Lead Us More Than You Asked For — Kyles Twitch channel Giving the iPad a Full-Time Job — How I setup my iPad for dev work using linode. Sponsors Linode : Instantly deploy and manage an SSD server in the Linode Cloud.

Brian Vaughn is a member of the React Core team and creator of libraries like react-virtualized and react-window. He's a wealth of knowledge in React performance and application profiling. Chantastic asks Brian about the new profiler tools he's been working on (available to React v16.5 apps), React Core team dynamics, and the future of windowing in React and browsers. They discuss a handful of practical performance tips, Concurrent rendering in React, React.memo and the useMemo Hook, and how to decide with your human brain when performance tuning is necessary. Featuring Brian Vaughn — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links React Conf 2018 Concurrent Rendering in React - Andrew Clark and Brian Vaughn - React Conf 2018 Introducing the React Profiler Concurrent React Fiber Architecture Sebastian Markbåge - React Performance End to End (React Fiber) - Keynote Part 3 - React Conf 2017 React Hooks fixed-data-table react-virtualized react-window React.memo and useMemo memoize-one —

Sean Swyx Wang moderates and organizes r/reactjs on Reddit. He also works on developer experience at Netlify. Sean is a voracious learner and loves to share what he's learning and believes that everyone — regardless of experience — should "learn in public". Chantastic asks him about what's new in React and how r/reactjs is helping developers learn React, get connected in the community, and find jobs. They discuss strategies for being a lifelong learner, how to get started in React, the growth of React's API surface area, Hooks, Suspense, Concurrent Mode, designing APIs, and the future of React. Featuring Shawn Swyx Wang — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links React Conf 2018 JAMstack_conf_nyc Netlify Popmotion and Pose React Podcast Interview with Matt Perry on Popmotion React Hooks React Suspense scheduler react-cache r/reactjs Structure and Interpretation of Computer Programs Book freeCodeCamp React curriculum Crazy React Asians Swyx and Chantastic talking Suspe

Matt Perry is the developer behind PopMotion, a declarative animation library for the web. Chantastic asks his inspiration for PopMotion, the difficulties of maintaining a low-level open source library, what he things declarative APIs might look like in the future. They’re discussion goes all over the place. You kinda just have to listen… Featuring Matt Perry — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Popmotion — Simple libraries for delightful interfaces Pose — A truly simple animation library for React, React Native, and Vue The Path To A Declaratively Animated Future - Matt Perry - React Conf 2018

Jen Luker is a lead software engineer at Formidable Labs, keynote speaker, host of @BookBytesFM, and expert knitter. Chantastic asks her about the Fiber Arts Corner at React Conf, the history that textiles and programming share, and how we can make our apps more accessible. Featuring Jen Luker — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Fiber Arts Circle on Periscope Jacquard loom on Wikipedia 99% Invisible Podcast Kids: Articles of Interest #1 — discussing Jacquard Loom and connection to software) Knitting Is Coding | Lindiwe Matlali | TEDxBeaconStreet Accessibility: Beyond the Basics — Jen's talk on accessibility Chain React 2018: Be a React Native A11y — Jen's talk on accessibility in React Native Axe Developer Tools by Deque —Chrome, FireFox Husky: Git hooks made easy eslint-plugin-jsx-a11y eslint-plugin-react-native-a11y

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" — @d

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 — 

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 tho

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 nam

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 s