React Podcast

Brian Vaughn joins us for an update on React Developer Tools. We talk about Fast Refresh for the web, New developer convienciences around codemods, And new React Dev Tools features to help you profile, suspend component trees, and find your way around unfamiliar React apps. This chat is guaranteed to help you be a quicker, happier, more productive React developer. Featuring Brian Vaughn— Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links Introducing the New React DevTools on the React docs Interactive React Dev Tools Tutorial React Developer tooling | Brian Vaughn at React Conf 2019 React Profile Tooling | Brian Vaughn at React Conf 2018 (last year) Fast Refresh on the React Native docs reactjs/react-codemod webpack Metro Parcel Preparing for the Future with React Prereleases — Introduction of React Release Channels Introducing Concurrent Mode (Experimental) useTransition Hook useDeferredValue Hook Progressive Web Animations | Alexandra Holachek at React Conf 2019 Data Fetching With Suspense In Relay | Joe Savona at React Conf 2019 Day 1 Keynote | Yuzhi Zheng at React Conf 2019 G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. G2i: We Vet, You Get Hired, It's that Simple. Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. Visit reactpodcast.infinite.red

Today we're talking with Kitze about his transition from open source to product, what his development browser Sizzy has taught him about business, and the dangers of our hype-driven development cycles. We discuss what we think is wrong with the culture of web development today and how to keep focused on skills that won't be consumed by designer/developer robots. Featuring Kitze— Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links React Live — Amsterdam Navigating the Hype Driven Frontend Development World — from React Live 2019 ok-google.io — a list of commands that you can ask Google's voice assistant Twizzy — Focus on messages and tweeting. The timeline can wait Sizzy — The browser for developers and designers React Academy — React and JavaScript workshops with Kitze Nik Graf Sara Vieira RailsBridge — Learn to code or level up with RailsBridge CodeSandbox — The online code editor for React (and others) KITZE - THE PLATFORM ™ (DISS TRACK RAP LYRICS VIDEO 2018 4K ROFL) — on YouTube KITZE - JUNIOR FOR LIFE (10X ENGINEERS DISS TRACK 2019 4K LMAO) — on YouTube GitHub stars won’t pay your rent by Kitze Introducing Sizzy —A tool for developing responsive websites crazy-fast by Kitze ⚡️ From React to an Electron app ready for production by Kitze Sponsors G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. G2i: We Vet, You Get Hired, It's that Simple. Clubhouse Clubhouse is project management that brings everyone, on every team, together. They've made all core features completely free for teams with up to 10 users. React Podcast listeners get 2 months free on any paid plan. Get your project back on track at clubhouse.io/react.

In the immortal words of TLC, "Don't go chasing waterfalls". Turns out they're really easy to find in React today. Joe Savona joins us to talk about avoiding waterfalls in your React code. He's here for our 2nd of 6 React Conf 2019 interviews to talk about data-fetching strategies with Suspense. Joe has spent the last year working with the React team in developing a relay-suspense integration for the new facebook.com. He shares the lessons and patterns they've learned and how they're baking great user experience into Relay. Fetch-on-render, fetch-then-render, and Render-as-you-fetch are patterns you'll be hearing more often as Suspense picks up steam. Thankfully, in today's episode Joe helps us navigate that verbiage and determine what our first steps with Suspense should be. Featuring Joe Savona — Twitter, GitHub Michael Chan — Twitter, Website, GitHub Links Data Fetching With Suspense In Relay | Joe Savona — Joe's React Conf 2019 talk on Relay Hooks and Suspense at Facebook Building The New Facebook With React and Relay | Ashley Watkins — Ashley's talk on Relay at Facebook Selective hydration progressive hydration @defer @stream @module Relay — A JavaScript framework for building data-driven React applications Relay Hooks — Experimental Concurrent Mode APIs Relay Hooks: A Step By Step Guide Concurrent Mode API Reference Suspense SuspenseList useTransition useDeferredValue Data fetching patterns fetch-on-render fetch-then-render render-as-you-fetch Relay Runtime Relay Compiler Tagged template literals GraphQL Fragments Sophie Alpert — React team manager emeritus Yuzhi Zheng — Manager of React and Relay teams Hack — Programming Productivity Without Breaking Things 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.com/react and use promo code: react2019 at checkout Clubhouse Clubhouse is project management that brings everyone, on every team, together. They've made all core features completely free for teams with up to 10 users. React Podcast listeners get 2 months free on any paid plan. Get your project back on track at clubhouse.io/react.

Today we kick off our first of 6 React Conf interviews. We start with Andrew Clark to learn what this React Conf 2019 means for us — our libraries and apps. He's a core team member who cut his React teeth on the fiber re-write and he's been deep in Concurrent React for 3 years. We chat about future features, prerelease channels, and how Suspense is preparing the way for others to bring cooperative concurrency to their libraries, applications, and frameworks. Featuring Andrew Clark — Twitter, GitHub chantastic — Twitter, Website, GitHub Links 6: Async React with Andrew Clark — Andrew on React Podcast in 2018 27: React Today and Tomorrow with the React Core Team — Our interview with the React Core team in 2018 Sebastian Markbåge — React Core Team Lead React Fiber rewrite React 16 APIs Fragments Hooks Error Boundaries Portals Code-Splitting w/ React.lazy and Suspense Preparing for the Future with React Prereleases — on the React Blog Introducing Concurrent Mode (Experimental) — docs on Concurrent Mode Concurrent Mode API Reference Suspense SuspenseList useTransition useDeferredValue scheduler Andrew Clark: React Suspense — at Zeit Day 2018 Building The New Facebook With React and Relay | Ashley Watkins — Introduction to Progressive and Selective Hydration at Facebook Data Fetching With Suspense In Relay | Joe Savona — Progressive and Selective Hydration at Facebook using Relay Sponsors G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. G2i: We Vet, You Get Hired, It's that Simple. Clubhouse Clubhouse is project management that brings everyone, on every team, together. They've made all core features completely free for teams with up to 10 users. React Podcast listeners get 2 months free on any paid plan. Get your project back on track at clubhouse.io/react.

This week is React Conf! And I suspect that Suspense and Concurrent Mode will have a good showing. So — in anticipation and excitement — I asked friend of the show, Swyx, to join me for a Suspense/Concurrent React rundown episode — covering everything you need to know so far and what we hope to see at this year's event. Neither of us have priviliged info. We're just two nerds who like to keep abreast of React's most exciting future feature. Featuring swyx (Shawn Wang) — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links STAR Apps: A New Generation of Front-End Tooling for Development Workflows on CSS-TRICKS STAR Apps at SV Code Camp by Swyx JAMStack — A modern architecture — Create fast and secure sites and dynamic apps with JavaScript, APIs, and prerendered Markup, served without web servers Beyond React 16 | JSConf Iceland 2018 Dan Abramov's introduction to Async React (eventually Concurrent React) at JSConf Iceland 2018 Fiber Reconciler doc on reactjs.org React Fiber Architecture — a gist by Andrew Clark A Cartoon Intro to Fiber — a talk by Lin Clark at React Conf 2017 Dan's Tweet on ConcurrentMode and how it informs other React APIs Building The New Facebook With React and Relay — an upcoming talk by Frank Yan and Ashley Watkins on Building The New Facebook With React and Relay Building the New Facebook.com with React, GraphQL and Relay — talk at F8 2019 about facebook.com v2 Relay — A JavaScript framework for building data-driven React applications Apollo Client — A complete state management library for JavaScript apps URQL — Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components Getting Closure on Hooks — Swyx demonstrating a simple mental model for hooks at JSConf.Asia 2019 [Umbrello]React Flare — Github issue for tracking the React DOM implementation of the experimental React Events API React Fire: Modernizing React DOM — Github issue for tracking React DOM modernization React Native for Web — Run React Native components and APIs on the web using React DOM. A library by Nicholas Gallagher Dominic Gannaway — React Core team member working on React Flare and React Fire The Case for React Native Web Singularity A post by Swyx on React Native for Web as a template for a future React developer experience SVELTE — Cybernetically enhanced web apps glimmer — Fast and light-weight UI components for the web With the attention to detail you've come to expect from Ember All you need to know about Ivy, The new Angular engine! — An article that seems to suggest it has everything you need to know about a thing I know nothing about Sponsors Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. Visit reactpodcast.infinite.red G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. G2i: We Vet, You Get Hired, It's that Simple.

Today we sit with Lara Schenck to discuss CSS Algorithms and my favorite term of the year: Turd Driven Development. She's brilliant, obviously. And It's a real treat to chat with someone who shares my affinity for CSS and a stoic acceptance of how crappy our codebases are. But she offers hope, to teams that prioritize the work of design engineering. Do not miss her talk CSS Algorithms. It's — hands down — my favorite talk of 2019. Featuring Lara Schenk — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links JSConf US CSS Algorithms at JSConf US 2019 — the one that I saw and is my favorite talk of the year! Other versions at CSSconf.EU, strangeloop, and CSS Day Tales of a Non-Unicorn: A Story About The Trouble with Job Titles and Descriptions — css-tricks Computer Sceince Bootcamp — Lara's exploration into computer science baseCS — Exploring the basics of computer science, every Monday, for a year, with Vaidehi Joshi Semantic Versioning Is CSS a programming language? — Lara's twitter poll from May 2019 Control flow Declarative programming Turd-Driven Development StranglerFigApplication — an evergreen pattern by Martin Fowler Ship of Thesues stylelint — A mighty, modern style linter Larva — PMC's design system How do you see these programming languages? — place your favorite programming languages on a contiuum of "programming" Sponsers 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.com/react and use promo code: react2019 at checkout G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i at G2i.co and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. G2i: We Vet, You Get Hired, It's that Simple.

This week we sit with Swizec Teller and learn how to get more done in every day. Swizec has an incredible work ethic — regularly blogging, vlogging, live streaming, and writing books on your favorite web technologies React and D3. How does he do all that and keep a full-time job at a startup? Today, we try to find out what his secret is and how to mimic that focus. Featuring Swizec Teller — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Swizec's projects es6cheatsheet.com Nightowls book — Why programmers work at night learnwhileyoupoop — No pressure learning at 2 minutes per day. Start with the basics, become a React 16.3 Data Visualization with d3.js — Mold your data into beautiful visualizations with d3.js React+d3.js — Build data visualizations with React and d3.js Serverless Handbook — Serverless for frontend engineers Other links Rocks, Pebbles, Sand Story — on YouTube ["We would worry less about what others think of us if we realized how seldom they do." — Ethel Barrett Candid @swizec tweets on "income" FIRE movement — on Wikipedia Mr. Money Mustache Peak Performance — by Brad Stulberg and Steve Magness Sun Conure Teachable — Create and sell beautiful online courses podia — The easiest way to turn your passion into income Force multiplication JAMStack Sponsored By: Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. Visit reactpodcast.infinite.red Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. You can work however and wherever like — at a rate that you set. Do you have what it takes to join the world's top 3% of of freelance developers. Get started with Toptal today. Go to toptaljobs.com and take back control of your career.

This week we continue our discussion with Jonathan Cutrell about the future of work. This time, we're talking about teamwork. We tackle a few important questions. How do you invest in a team that is separated by hundreds of miles? How do you find moments to spark trust where serendipity is at a minimum? And how do you make sure everyone is heard and feels good about their work? If you work remote — or hope to work remote — these questions are at the forefront of your mind as you decide whether or not to DM that co-worker or waffle between which emoji expresses your sentiment best. We got you. This episode is brimming with tips and tricks for you. Featuring Jonathan Cutrell — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Improve Your Team by Rejecting These Bad Assumptions — The Developer Tea episode that this episode is based on Why Naval Ravikant Thinks Remote Work Is The Future “Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present.” — Marcus Aurelius, Medetations Sponsored By: Infinite Red Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. Visit reactpodcast.infinite.red And get The Remote Work handbook at remote.infinite.red. Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. You can work however and wherever like — at a rate that you set. Do you have what it takes to join the world's top 3% of of freelance developers. Get started with Toptal today. Go to toptaljobs.com and take back control of your career. Get 15% off React Day Berlin React Day Berlin is always a hit and they have a terrific speaker lineup this year. Go to reactday.berlin and use the discount code "SpecFM".

This week we sit down with Jonathan Cutrell. He's the host of the beloved podcast Developer Tea and co-found of Spec, the very podcast network that this show belongs to. When podcasters get together and talk. They talk... for hours. So this is part one of a two-parter. Today, we learn from Jonathan's transition from musical performer to developer. We discover how constrained systems like music primed him for life as a developer, and the ways in which all systems being infused with our humanity. We talk about how to keep doing work you love and finding, or creating, a company that will help you do. Featuring Jonathan Cutrell — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Spec — The podcast network that Jonathan co-founded. Developer Tea — Jonathan's terrific podcast Chantastic on Developer Tea Part One and Part Two. jQuery MooTools Build Dumb Shit with Sara Vieira — The episode of React Podcast where Sarah reminds to build things we like First, Break All the Rules — The management book Michael Scott had on his desk and talks about workplace autonomy Sponsored By: Level Up Tutorials Become a better web developer with Level Up Tutorials. Become a pro at Animating React. This is the favorite course on adding fast, beautiful, and dynamic animations to your React apps. Buy just this course or Go Pro for videos on Hooks, Styled Components, TypeScript, Gatsby, Vue, and so much more! Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. You can work however and wherever like — at a rate that you set. Do you have what it takes to join the world's top 3% of of freelance developers. Get started with Toptal today. Go to toptaljobs.com and take back control of your career. Toptal Plug into jobs with top Silicon Valley and Fortune 500 clients. You can work however and wherever like — at a rate that you set. Do you have what it takes to join the world's top 3% of of freelance developers. Get started with Toptal today. Go to toptaljobs.com and take back control of your career.

This week we sit down with Chris Toomey and address all the holy wars: Elm vs React, TypeScript vs JavaScript, product vs development, and even VS Code vs Vim. This is a pragmatic look at how type systems can improve the way you build and talk about product. In the right hands — these tools can make teamwork a dream. But in the wrong hands, well... Let's just listen close and make sure your hands are the right ones. Featuring Chris Toomey — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links thoughtbot — thoughtbot is a design and development consultancy that brings your digital product ideas to life Giant Robots — A podcast about the design, development, and business of great software UPCASE by thoughtbot — Become an experienced developer and take "junior" out of your title bikeshed — On The Bike Shed, hosts Chris Toomey & Steph Viccari discuss their development experience and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week 172: What I Believe About Software — A review of thoughtbot's process and the intersection of product management and development GraphQL TypeScript Elm TypeScript + React TALK at Boston React 2019 Building Web Apps with Elm — Craft a reactive Elm web app from start to finish Chris Toomey: React & GraphQL – Bringing Simplicity to Client Side Development — React Boston 2018 GraphQL: Bringing Simplicity And Correctness To A Client Near You (Chris Toomey) — GraphQL Summit 2018 Language Server Extension Guide neovim onivim 204: I Don't Like Rest — 206: No-One Wants to be the Canary — Chris on GraphQL and designing endpoints vs exposing types 58: Eve Porcello on Learning GraphQL Thank You To Our Sponsor: Linode 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.com/react and use promo code: react2019 at checkout Thank You To Our Sponsor: G2i Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities.

This week we diverge from our typical technical focus to talk about communication. Many of you are developing a product. Whether that be an open source library, course material on your favorite framework, or your skills a freelance developer — you are selling something. Selling requires more than great technical skills. It requires strong communication. Today we sit with Val Geisler — founder of Fix My Churn. We talk about communication thru email, Why it’s critical for building and branding your business, And how we get started. I believe it has the potential to change your career. Featuring Val Geisler — Twitter, Website, Fix My Churn Michael Chan — Twitter, Website, GitHub Links "Send Emails Not Blasts" tee Email Marketing Mastery Incubator — Hands on help to up your email marketing game Jobs To Be Done The Dinner Party Strategy — Val's strategy for writing email people actually read Joel Hooks at Egghead — because we mentioned him a few times 😻 ## Sponsers Level Up Tutorials Become a better web developmer with Level Up Tutorials. Learn how to make brilliant online stores using using GatsbyJS in two new courses Advanced Gatsby and Shopify and Gatsby Ecommerce. G2i Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i.co today and click the "for developers" link to find opportunities.

This week we sit down with Chris Biscardi — open source developer and consultant. He's working with Gatsby on projects like gatsby-mdx and gatsby-themes. So we talk about what Gatsby Themes are, why they promise to bring a new wave of shareability to Gatsby sites, and what you need to know to start using them. We also talk about designing a workflow around sharing what you know and building an effective content pipeline. Featuring Chris Biscardi — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Chris Biscardy — Egghead instructor profile gatsby-mdx — Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects MDX — Markdown for the component era What Are Gatsby Themes?, Gatsby doc Journey to the Content Mesh Conclusion: Creating Compelling Content Experiences on the Gatsby blog Gatsby Store — A dynamic shop built on Gatsby Contentful — How enterprises deliver better digital experiences Source Plugins, Gatsby Doc Build an RSS feed-powered podcast site (with Amberley Romo) — Learn With Jason — Livestream where Jason Lengstorf and Amberley Romo build a Gatsby theme for podcasts What is Component Shadowing? on the Gatsby blog Using a Gatsby Theme, Gatsby doc gatsby-theme-blog gatsby-theme-notes Yarn Workpsaces Carbon Design System, by IBM Thank you to our Sponsor: Linode 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.com/react and use promo code: react2019 at checkout Thank you to our sponsor: G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i.co today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i.co today and click the "for developers" link to find opportunities. G2i: We Vet, You Get Hired, It's that Simple.

This week we sit down with Phani Raju. He's a Staff Engineer at GitHub and lead on the GitHub Package Registry. He tells us what package registries are and why GitHub is uniquely suited to take them to the next step in security, trust, and user experience. This is an awesome chat if you'd like to learn more about where your packages may be coming from in the future. It's also a fantastic lens into the great engineering and design thinking that is alive and well at GitHub — and how the Dear GitHub letter sparked a new wave of innovation. Featuring Phani Raju — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Introducing GitHub Package Registry [Github Releases](About releases) on the Github blog Announcing Git Large File Storage (LFS on The Github Blog Supply chain attack on Wikipedia The Problem of Package Manager Trust by Phil Haack Dear Github — 📨 An open letter to GitHub from the maintainers of open source projects Maintainer security advisories on The GitHub Blog Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives on brainpickings The Github Blog Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

This week on React Podcast we sit down with James K Nelson. We discuss what makes React hard to learn and how he's addressing that with his teaching platform frontarm.com. We talk about learning React without the buzzwords, his new router — Navi — and how to make some React bacon. This is a great episode for those who have had trouble keeping up with React and want to discover and master the things have remained the same Featuring James K Nelson — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links Weird, or just different? — Derek Siver’s TED talk on Japanese vs American street naming Dan Abromov’s tweet about React without buzzwords Learn React’s fundamentals without the buzzwords The Little Schemer — The book we mention that uses the Socratic method to teach functional programming railstutorial.org — How chantastic learned Rails “What’s not going to change in the next 10 years?” — Jeff Bezos’ famous focusing question ReactJS Tokyo create-react-app — Set up a modern web app by running one command Next.js — The React Framework for Everything Navi — Declarative, asynchronous routing for React Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

This week we talk Jamison Dance about the parts of programming that are distinctly non-technical. We talk about the perfect TLD, working with a team, finding psychological safety, the organization of React Rally, and how to recycle batteries. Jamison is co-host of the podcast Soft Skills Engineering where he and Dave Smith answer non-technical questions for technical folks. It's a great show that I highly recommend. check it out at softskills.audio Featuring Jamison Dance — Twitter, Website, GitHub Michael Chan — Twitter, Website, GitHub Links and Notes WalMart Labs React Rally 2019 — August 22 & 23 in Salt Lake City, Utah React Conf 2019 — October 24 & 25 in Henderson, Nevada Soft Skills Engineering podcast with Dave Smith and Jamison Dance — It takes more than great code to be a great engineer Where to Recycle Batteries by Energizer Psychological Safety on Wikipedia React Hooks Announcement from React Conf 2018 Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

This week we talk with Eve Porcello about getting started with GraphQL. She is the co-author of Learning React and Learning GraphQL. She travels the world with husband Alex bank teaching JavaScript and telling jokes. We talk about comedy and code and how to engage audiences with a little bit of funny. This is a great episode if you want to add a little GraphQL to your stack or learn how to give a hilarious conference talks. Featuring Eve Porcello — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links GraphQL Query Language — Eve's new egghead.io course on GraphQL Learning React: Functional Web Development with React and Redux — Eve's React Book Learning GraphQL: Declarative Data Fetching for Modern Web Apps — Eve's GraphQL book Moon Highway — Eve and Alex's training company Everything You Need to Know About GraphQL in 3 Components — React Rally 2018 talk... the one with the tattoo bit Apollo Server — the best way to quickly build a production-ready, self-documenting API for GraphQL clients, using data from any source apollo-link-rest — Call your REST APIs inside your GraphQL queries Mocking — Apollo Docs — Mock your GraphQL data based on a schema SWAPI GraphQL API — The one you're obligated to make your first request to Github GraphQL v4 API Github GraphQL Explorer OneGraph Apollo Federation ReactJS Girls Conference, Twitter, and videos Reactathon Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. It's beautifully illustrated and guaranteed to improve your teams communication and productivity. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

We sit down with venerable Emma Bostian to talk mentorship.She tells us all about different types of mentorship you can find,At what phases in your career each type is most valuable,And how to get a "yes" from someone you'd like to mentor you.We also discuss her new mentoring platform codingcoach.io and how it's helping connect developers based on technology and field.Buckle in and get ready to get help.FeaturingEmma Bostian — Twitter, Github, WebsiteMichael Chan — Twitter, Github, WebsiteLinksdon't touch my garbage!!! — the possum tweetBuilding a Design System with React - ReactJS Girls Conference — Emma's talk on the components of a design systemEmma's writing on dev.toJS PARTY — A community celebration of JavaScript and the webladybug podcast — Kelly Vaughn, Ali Spittel, Emma Bostian, && Lindsey Kopacz debug the tech industrySponserVisit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team.It's beautifully illustrated and guaranteed to improve your teams communication and productivity.GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week, on React Podcast, We sit with Paul Henschel and talk animation. Paul is the creator of React-spring a library for animating UI based on spring physics. We talk about the library's origin, its future, and how to create lasting beauty on the web. Featuring Paul Henschel — Twitter, Github Michael Chan — Twitter, Github, Website Links paranoid android — a custom ROM aiming to extend the system, working on enhancing the already existing beauty of Android and following the same design philosophies that were set forward by Google for Android Open Source Project ReactCSSTransitionGroup — an easy way to perform CSS transitions and animations when a React component enters or leaves the DOM ReactTransitionGroup — ReactTransitionGroup is the basis for animations in React ReactMotion — A spring that solves your animation problems Animated react-use-geature — 👇Bread n butter utility for component-tied mouse/touch gestures in React react-three-fiber—👌A React-renderer for Three.js react-reconciler — an experimental package for creating custom React renderers awwwards — The awards of design, creativity and innovation on the internet Three.js Fundamentals — react-blessed — A react renderer for blessed React Podcast episode 35 with Matt Perry on Pose and Popmotion alec larson's react europe talk React-spring: on animations and hooks — Alec Larson @alecdotbiz at ReactEurope 2019 Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. It's beautifully illustrated and guaranteed to improve your teams communication and productivity. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week we sit with Erik Rasmussen to discuss forms in React. We talk about his library redux-form and it's evolution to final-form — a framework agnostic approach to making dynamic forms easy. Along the way the talk open source maintenance and monetization struggles. If you've wanted open source fame, this is a good one to listen to. Featuring Erik Rasmussen — Twitter, Github Michael Chan — Twitter, Github, Website Links Github Sponsors — Fund your work. Build what matters. Forms — React Docs Redux Form — The best way to manage your form state in Redux Flux — Application architecture for building user interfaces react-final-form — 🏁 High performance subscription-based form state management for React vue-final-form — 🏁 High performance subscription-based form state management for Vue.js frontier-forms — Data-driven forms that let you focus on what matters: your application Build forms with GraphQL — 2019 React Europe talk by Charly Poly "Let a hundred flowers bloom" CodeFund — Ethical Advertising Seek Justice Podcast — A weekly deep dive into Criminal Justice with Erik Rasmussen and Dennis Schrantz Happy Hour — A candid and open weekly discussion between Dennis and Erik over drinks 💥 Introducing.... 🏁 React Final Form HOOKS!! 💥 Sponser Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. It's beautifully illustrated and guaranteed to improve your teams communication and productivity. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

This week, we talk accessibility pitfalls with Aaron Canon. Aaron is the co-founder and chief accessibility engineer at Accessible360 — where he uses his experience as a blind developer to improve real-world accessibility for all citizens of the web. He shares his first-hand experience on which practices work, which ones are bogus, where to focus our accessibility efforts, and which libraries provide the best starting point. I learned a ton. You will too. Featuring Aaron Cannon — Twitter, Website, Accessible360 Michael Chan — Twitter, Github, Website Links Accessible360 — The digital accessibility company JAWS — The world’s most popular screen reader NVDA — Free, popular screen reader Aaron's YouTube channel Accessible360's YouTube channel Should I Use A Carousel? Reach UI — The accessible foundation of your React-based design system WebAIM: Screen Reader User Survey #7 Results ARIA Live Regions Screen Reader Demo | Video uBlock — A Fast and Efficient Ad Blocker. Easy on CPU and Memory. Sponser GitPrime Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. It's beautifully illustrated and guaranteed to improve your teams communication and productivity. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams.

Have you had the privilege of working in PHP? If you haven't let me tell you: You can have a dynamic website just by putting a single PHP file on a host, anywhere. It's magic For us React developers, everything is a lot more complicated. We want server-side rendering for Google crawl-ability, Hot Module Replacement for quick feedback in development, and code-splitting to get quick initial page loads for users. None of that is easy to implement. But there's hope. The team at Zeit wants you to have all that but with the simplicity of that beautiful PHP workflow. And they've done it. We sit with Tim Neutkens, lead developer on Next.js, an open source framework, for react, by Zeit. He tells us how you can get back to that beautiful, fun PHP experience but with all of the benefits of SSR, HMR, AMP, and so many more initialisms. I'm so excited to share this chat about Next.js the next-live of static site generation. Featuring Tim Neutkens — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Next.js 9 is out now! Next.js — The React Framework next/dynamic styled-jsx — Full CSS support for JSX without compromises Dynamic Pages with Next.js Tech Choices I Regret at Spectrum — Blog — by Max Stoiber on why he would have used Next.js Tech Choices I Regret at Spectrum — Talk Next for Next.js — Tim Neutkens at React React Amsterdam facebook/codemod Sponser GitPrime Visit Gitprime.com/20patterns to get your free, printed copy of 20 Patterns to Watch for in Your Engineering Team. It's beautifully illustrated and guaranteed to improve your teams communication and productivity. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development processes with objective data. Identify bottlenecks, compare trends, and keep a pulse on the health of your software teams. GitPrime. Engineers build business. G2i G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

Navigating a career is tricky. This is double true for women in tech. Add a spouses career, traditional gender expectations, Single-parenting, Or illness to the mix And finding a satisfying career can feel impossible. Today, Sophia Shoemaker sits with us to discuss how she manages being a mom in tech, conference speaker, FullStack React editor, and deeply invested in her community. It's a different story than many of you are used to hearing on this show. A more complicated one. I'm excited that we get to learn more about one of the types of challenges that women in tech face today. And I'm so grateful that Sophia brought us into her story. I know that her experience can give you hope — as you find a career that works for your specific cocktail of complications. Featuring Sophia Shoemaker — Twitter, Fullstack React, Newsletter Michael Chan — Twitter, Github, Website Links Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

How many times have you written a state reducer? 100 times? 100 times a month? Truth is, it's tricky for human brains to write performant state mutations in immutable terms. Maybe you're whip smart and you've got the theory on lock but the resulting "spread hell" is hard to read and edit long term. Michel Westrate wants you to stop writing state updates with immutable APIs like spread, concat, and slice and take a second look at mutable APIs like property assignment, forEach, and push. He's made it really easy And the React Team finds this idea very interesting. We talk with Michel about this wild of idea of state producers (not reducers) in Immer, why they're in the spirit of React, his MobX fame, and why — even in 2019 — it's not a good idea to roll your own state management library. Listen cautiously though. After this episode, you may never write a state reducer again... Featuring Michel Westrate — Twitter, Website, GitHub Michael Chan — Twitter, Github, Website Links React, transparent reactive programming and mutable data structures | Reactive 2015 Michel's first conference talk, introducing MobX Mobx — Simple, scalable state management Dojo React Conf recap: Hooks, Suspense, and Concurrent Rendering — Suspense, Hooks, and ConcurrentMode announcement Immer — Create the next immutable state by mutating the current one Michel Weststrate - Immer, Immutability and the Wonderful World of Proxies | ReactNext 2018 — Introduction to Immer and "spread hell" Sponser G2i is a hiring platform for remote developers devoted exclusively to React and React Native. Check out G2i today and get matched with React & React Native roles that are fully remote at companies who are serious about quality engineering. Visit G2i today and click the "for developers" link to find opportunities. G2i: We Vet, You Hire, It's that Simple.

Saron Yitbarek is the CEO and founder of CodeNewbie, the most supportive community of programmers and people learning to code. She's also the vibrant host of the CodeNewbie Podcast, Basecs Podcast, and Command Line Heroes (a Red Hat podcast). Chantastic Asks her about learning in public, interviewing the world’s greatest developers, the art of storytelling, and aggressive kindness that surround her #CodeNewbie twitter chats. They discuss podcasting, building a community you can trust, shower new developers with love and support, and what it takes to put on the most supportive conference in the world. Featuring Saron Yitbarek — Twitter, Website CodeNewbie — Twitter, Website Codeland — Twitter, Website Michael Chan — Twitter, Github, Website Links Flatiron School Michel Martin — Weekend Host, All Things Considered Starbucks’ Howard Schultz Doesn’t Sleep—But Don’t Blame the Coffee — Alec Baldwin’s abrupt interview style on Here’s the Thing Recode Decode — Kara Swisher’s podcast on Vox [CodeNewbie](https://www.codenewbie.org] — Most supportive community of programmers and people learning to code #CodeNewbie Twitter Chats — Join our weekly #CodeNewbie twitter chat, every Wed @ 9PM EST Saron Yitbarek of CodeNewbie at Red Hat Summit 2018 — “Code and…” Codeland — The only conference designed for new and growing developers, July 22 in New York Your Perfect Tech Talk — Saron’s stellar advice on giving a great tech talk How to Build a Magical Living Room by Saron Yitbarek — Saron’s 2018 RubyConf Keynote where she talks about interpreting constructive feedback

Scott Tolinski is creator of Level Up Totorials and co-host of Syntax — a tasty treats podcast for web developers. He joins us on React Podcast to talk about career, hobbies, and building a business. Chantastic asks him about break dancing, YouTube as a career development platform, weeding out hators, and making the jump to independent creator. They discuss podcasting, self-management, embracing ignorance, forcing confidence, determining content value, and importance of being kind to creators. Featuring Scott Tolinski — Twitter, Github, Website Level Up Tutorials — Twitter, YouTube, Website Michael Chan — Twitter, Github, Website Links Animating React — Buy Scott's latest course on UI animation in React, using React Spring. Scott on Instagram — Robotops Crew Bboy How to Top Rock Tutorial How to Breakdance | Footwork Combination AngelFire on Wikipedia vulfpeck.com syntax.fm syntax.fm live at Reactathon

Jon Rohan is an Engineer on the Design Systems Team at Github, building tooling for Octicons and Primer — their React component library. Chantastic asks about his 6 year tenure at GitHub, the inspiration behind his primer.css slam poem, how their using CSS-in-JS and Lerna to structure their work, and his project Figma Actions for seamlessly building icons from Figma design files. They discuss design apps, Monorepos, GitHub Actions, CSS-in-JS, and why you should open source your systems. Featuring Jon Rohan — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links 25: Make Brilliant Messes with Diana Mounter and Emily Plummer — Previous React Podcast episode with on Design Systems at Github Design Systems at GitHub — by Diana Mounter Primer — Resources, tooling, and design guidelines for building interfaces with GitHub’s design system Github Primercss.io slam poem — a pem about Primer by Jon Rohan Styled System — Style props for rapid UI development Emotion — CSS-in-JS library designed for high performance style composition styled components — Visual primitives for the component age Github Octicons — Your project. GitHub's icons FAMFAMFAM — Silk Figma — A better way to design Figma Developer API GitHub Actions — Focus on what matters: code Figma Action — GitHub action for exporting Figma components lerna — 🐉 A tool for managing JavaScript projects with multiple packages Monorepo — a software development strategy where code for many projects are stored in the same repository Primer Community on Spectrum Sponsors Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. infinite.red/contact They're also a passionate advocate of remote work. They believe you can build a thriving remote company without sacrificing culture. Read the handbook on how to travel the road less commuted. Get The Remote Work handbook at remote.infinite.red.

Kent C Dodds is a blogger, podcaster, open sorcerer, and community builder that recently made the leap to full-time, self-employed educator. Chantastic asks about the approach Kent took while developing his career PayPal, what he had to give up to stay focused, and what's changed now that he's independent. They discuss learning by teaching, the importance of being consistent, avoiding the permission trap, and what it means to "increase the impact of your value". Featuring Kent C. Dodds — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links React Hooks: What's going to happen to render props? — on Kent's blog eslant-plugin-react eslint-plugin-react-hooks Kent's egghead.io instructor profile Testing JavaScript with Kent C Dodds — Learn the smart, efficient way to test any JavaScript application all-contributors — ✨ Recognize all contributors, not just the ones who push code ✨ react-testing-library — 🐐 Simple and complete React DOM testing utilities that encourage good testing practices downshift — 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components How I am so productive — on Kent's blog Boundaries: When to Say Yes, How to Say No To Take Control of Your Life Intentional Career Building — on Kent's blog 3 Minutes with Kent — A (week)daily podcast where I give 3 minute answers to YOUR questions about software development that you post on my "Ask Me Anything" TinyLetter by MailChimp — Email for people with something to say Angular Air JavaScript Air Remote Workshops with Kent C Dodds — Learning shouldn't depend on location. Remote workshops with Kent are a valuable and effective way to level-up your skills as a web developer Sponsors Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. infinite.red/contact They're also a passionate advocate of remote work. They believe you can build a thriving remote company without sacrificing culture. Read the handbook on how to travel the road less commuted. Get The Remote Work handbook at remote.infinite.red.

Houssein Djirdeh works with the Developer Relations team at Google, educating React developers on web application performance. He created the world best iPhone and Android app for Github — GitPoint. Chantastic asks about his experience creating GitPoint (a fully featured GitHub client, built in React Native), what performance vernacular like tti, fcp, and Web Workers mean, and common performance pitfalls and misunderstandings found in React apps. They discuss the importance of limiting scope to ship a product, the performance value of Hooks, tools and automations you can use today, and which projects to follow for inspiration. Featuring Houssein Djirdeh — Twitter, Github, Website Michael Chan — Twitter, Github, Website Links Progressive React — How to build your React app so more people can use it Developer Relations — Evangelize Google technologies and passionately advocate for developers' needs. Houssein Djirdeh: Progressive React / React Boston 2018 GitPoint — GitHub in your pocket 📱 tti — Time to Interactive fmp — First Meaningful Paint fcp — First Contentful Paint fid — First Input Delay Web Worker Service Worker worker-dom — An in-progress (as in very-alpha) implementation of the DOM API intended to run within a Web Worker Lighthouse — An open-source, automated tool for improving the quality of web pages lighthousebot — Run Lighthouse in CI, as a web service, using Docker. Pass/Fail GH pull requests webpagetest.org — Run a free website speed test from multiple locations around the globe using real browsers (IE and Chrome) and at real consumer connection speeds bundlesize — Keep your bundle size in check web.dev — Get the web's modern capabilities on your own sites and apps with useful guidance and analysis from web.dev Prototyping Lighthouse Stack Packs developers.google.com — Build anything with Google Sponsor Infinite Red has been designing, shipping and building web and mobile apps for 10 years. They're experts in React Native and host North America's only React Native conference, Chain React, educating thousands of developers all over the world. Start a new project with them, mention this show, and get two free tickets to the Chain React in Portland. infinite.red/contact They're also a passionate advocate of remote work. They believe you can build a thriving remote company without sacrificing culture. Read the handbook on how to travel the road less commuted. Get The Remote Work handbook at remote.infinite.red.

Versioning. How do we do it? It's a lot more complicated than "just use semver!" This week Michael Jackson joins us again to discuss the pains of versioning, how to avoid them, and why it all comes down to communication. Chantastic asks about upcoming how React Router v5 will take advantage of new features like Hooks and what versioning strategy they intend to employ with for legacy React Router users. They fumble clumsily around what the various characters in a package.json file mean, discuss outrageous prefixing as a defense mechanism, and partying at the 2019 JSConfUS in Carlsbad. Featuring Michael Jackson — 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 semver New Versioning Scheme — React moves from 0.14 to 15. React Router v5 NodeJS io.js Split npm tilde (~) ranges npm caret (^) ranges What's the difference between tilde(~) and caret(^) in package.json? React Training Spring Tour __SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED unpkg.com JSConfUS 2019, Carl — in Carlsbad, CA.

Nader Dabit is the author on React Native in Action, Host of React Native Radio, Educator, Speaker, and doing developer relations for AWS Cloud. Chantastic asks about Amplify and AppSync, where they fit into AWS offerings, why they make authentication and GraphQL server setup a breeze, and how we can start using them. They discuss the opportunity and difficulty in podcast, the challenges of author a book, and travel the world speaking and educating. Featuring Nader Dabit — 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. Manning Discount for React Use the discount code ** podreact19** for a discount on all Manning books, including React Native in Action. Links React Native Radio AWS Amplify — The foundation for your cloud-powered mobile & web apps Nader on Medium reactnative.training — Master React Native Quickly React Native in Action Simplecast AWS AppSync GraphQL — A query language for your API Open GraphQL — A GraphQL publication that is open to anything & everything GraphQL related. GraphQL Patterns — In depth discussions around everything GraphQL

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, functional mobile apps and websites Infinite Red Academy — Engaging, Hands-On React Native Training Infinite Red on Github — Engaging, Hands-On React Native Training Reactotron — A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows Gluegun — A delightful toolkit for building Node-powered CLIs Ignite — The hottest CLI for React Native, boilerplates, plugins, generators, and more! ProMotion — ProMotion is a RubyMotion gem that makes iPhone development less like Objective-C and more like Ruby. Star this repo to keep tabs on our progress TypeScript RubyMotion ember PhoneGap Chain React Conf — THE REACT NATIVE CONFERENCE RETURNS TO PORTLAND, July 11-12, 2019 Building Infinite Red — A Podcast About Building Infinite Red

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.com/react and use promo code: react2019 at checkout

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/awesome-typescript-loader rollup-plugin-typescript2 [RFC] Migrate Jest to TypeScript tsdx — Zero-config TypeScript package development Deno — A secure runtime for JavaScript and TypeScript built with V8, Rust, and Tokio Reason — Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. Ocaml — OCaml is an industrial strength programming language supporting functional, imperative and object-oriented styles Fable — The compiler that emits JavaScript you can be proud of! elm — A delightful language for reliable webapps. Generate JavaScript with great performance and no runtime exceptions. Swagger Swagger Codegen Palantir Technologies — All the TypeScript projects Shopify Polaris — Our design system helps us work together to build a great experience for all of Shopify’s merchants. 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.com/react and use promo code: react2019 at checkout

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 Workshops Massdrop x Hasbro Scrabble Keyboard JavaScript and React for Developers: Master the Essentials — Cassidy's Udemy course. 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.com/react and use promo code: react2019 at checkout

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 location. Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

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. Get a server running in seconds with your choice of Linux distro, resources, and node location. Get a $20 credit when you visit: linode.com/react and use promo code: react2019 at checkout

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 — A memoization library that only caches the result of the most recent arguments. 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.com/react and use promo code: react2019 at checkout

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 Suspense on YouTube

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