React Podcast

David Khourshid is the man bringing statecharts to the frontend. We talk about XState, model-based testing with xstate-test, and the future designer/coder integration For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from David on the topic state-charts for UI development this march. Reactathon is a top React conference in the heart of San Francisco. David and I will be there, chewing people's ears off about better designer tooling. Get a ticket at reactathon.com. Featuring David Khourshid — Twitter, GitHub, CodePen chantastic — Twitter, Website, GitHub Links XState XState Docs XState Visualizer Redux Constructing the User Interface with Statecharts by Ian Horrocks on Amazon Statecharts: A Visual Formalism for Complex Systems by David Harel Welcome to the world of Statecharts by Erik Mogensen RxJS Lodash Finite-state machine on Wikipedie State diagram on Wikipedie SCXML — State Chart XML on Wikipedia mukeshsoni/statechart-calculator A javascript calculator built with Xstate and Vue — built on the statechart above React Context RxJS Observable Concurrent computing on Wikipedia Cooperative multitasking on Wikipedia Screen tearing on Wikipedia Deterministic system on Wikipedia Beyond React 16 | JSConf Iceland by Dan Abramov Actor Model on Wikipedia use-subscription On GitHub On NPM Write Fewer Tests! From Automation to Autogeneration — David's announcement of Xstate/test at React Rally 2019 Model-based testing @xstate/test xstate-test-demo Given-When-Then on Wikipedia [Cucumber syntax]https://en.wikipedia.org/wiki/Cucumber_(software)#Syntax) on Wikipedia Adobe Xd Sketch Sunil Pai on Twitter inVision Framer Sketch.systems Subform Storybook useState useReducer useMachine from @xstate/react keyframers @shshaw

Today we chat with Becca Bailey about Refactoring — how to make your React code a little more liveable, human-friendly, and ready for anything. You can hear more from Becca this march, on finding joy in refactoring. Reactathon is a top React conference in the heart of San Francisco. Becca and I will be there, passing out high fives and excited to meet you. Get a ticket at reactathon.com. Featuring Becca Bailey — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub Links Formidable The State of React State in 2019 | Becca Bailey Shape Up: Stop Running in Circles and Ship Work that matters Refactoring: Improving the Design of Existing Code Testing JavaScript with Kent C. Dodds The different types of tests — Atlassian React Testing Library Enzyme Jest Snapshot Testing React Concurrent Mode "for each desired change, make the change easy (warning: this may be hard), then make the easy change" — Kent Beck ESLint Sarah Mei — The Power of Agile Konmari Your Code: Finding Joy in Refactoring — Becca's upcoming Reactathon talk

Today we chat with Evan Bacon about Expo and delivering on the elusive promise of "write once. run anywhere." For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from Evan on the topic of using Expo for universal React development this march. Reactathon is a top React conference in the heart of San Francisco. Evan and I will be there, having a good time and happy to chat with you. Get a ticket at reactathon.com. Featuring Evan Bacon — Twitter, GitHub, YouTube chantastic — Twitter, Website, GitHub Links Life Size Lego Thor Build! Expo — The fastest way to build an app @expo/electron-adapter @expo/next-adapter Platform Specific Code ErrorRecovery Camera Video James Ide Brent Vatne React Native Software Mansion React Native for Web by icolas Gallagher StyleSheet.create react-native-dom microsoft/react-native-windows —  A framework for building native Windows apps with React Metro — 🚇 The JavaScript bundler for React Native Introducing Twitter Lite on the Twitter engineering blog react-native-web-hooks react-spring Animated (React Native) Expo Crossy Road source and site Expogram source and site jest-expo jest-expo-enzyme jest-expo-puppeteer Expo on Twitter

Today we chat with Daria Caraway and learn how to build considerate React components with TypeScript. For the month of february, we're chatting exclusively with Reactathon speakers. You can hear more from Daria on this topic of developing considerate React components on the Reactathon this march. Reactathon is a top React conference in the heart of San Francisco. Daria and I will be there, high-fiving people and having a good time. Get a ticket at reactathon.com. Featuring Daria Caraway — Twitter, Website chantastic — Twitter, Website, GitHub Links workday PropTypes TypeScript Interfaces Utility Types Partial Pick Any Unkown Declaration Files flow Visual Studio Code WebStorm CoffeeScript DefinitelyTyped How to Have an Amicable Breakup With A JavaScript Library | Daria Caraway | CascadiaJS 2019 on YouTube Intergration Babel: @babel/preset-typescript Webpack: ts-loader React & Webpack guide Forking vs Spooning — A snippet from Jafar Hussain's React.js Conf 2015 talk Beyond the DOM: How Netflix plans to enhance your television experience

Conferences are a big part of the React ecosystem. This year, there's a conference that stands out from the rest: Render(ATL). Render(ATL) is a new conference in Atlanta that promises to introduce React developers to the voice and culture of the south. Today we sit with Justin E. Samuels to hear his vision for the conference, how much he loves his city, and what amazing things await attendees in Atlanta this year. Featuring Justin E. Samuels — Twitter, Instagram, GitHub chantastic — Twitter, Website, GitHub JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers. Learn these 5 JavaScript patterns for React developers at jsandreact.com Links Render(ATL) — Culture, Inclusion, React Mailchimp Software Engineer Levels at Google, Facebook, and Microsoft from levels.fyi MagnoliaJS Conference Render(ATL) Food "The South Got Something to Say" — Andre 3000 The Gathering Spot ATL DJ Hourglass React Podcast listeners sponsored two attendees: @shanster_242 and @donilovesyou Developers Mentioned J.C. Hiatt Ken Wheeler Nader Dabit Zackary Chapple Chance Sophie Alpert Pariss Athena Christian Nwamba AJ Williams Hack Sultan

Every few months, I like to explore professions that are adjacent to programming. Today we're exploring captioning and its impact on our industry. Our guide for this industry is the fabulously giften Norma Miller of White Coat Captioning. I was captivated by her work at last year's React Rally and wanted to share with you what I learned from her. Her company does primarily technical events, which gives her an interesting vantage point into tech conference culture. We talk about typing in excess of 300 words a minute with 98% accuracy, The $6000 keyboards that make it little easier, And the open source that powers it. I think you love this chat, as we learn how captioners are making our technical events more multi-cultural, accessible, and inclusive. Featuring Norma Miller — Twitter, Website chantastic — Twitter, Website, GitHub JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers. Learn these 5 JavaScript patterns for React developers at jsandreact.com White Coat Captioning Stenotype on Wikipedia Chorded keyboard on Wikipedia Open Steno Project — Bringing stenography to everyone Plover — 100% free, open source steno program Curb cut on Wikipedia The Curb-Cut Effect on SSIR.org Curb Cuts on 99% Invisible

We're kicking off a new decade by going back in time time to 1999, just 10 years after the birth of the internet. Our guest today is Lee Byron. He takes us on a tour of the early web and personal home pages. And connects the dots between PHP and technologies like React and GraphQL. His work — inside Facebook during a critical pivot to mobile — provides a unique vantage point on the progress of web technologies over the past 20 years. Featuring Lee Byron — Twitter, Website, GitHub chantastic — Twitter, Website, GitHub JS and React Discover the 5 overlooked JavaScript features that separate good and great React developers. Learn these 5 JavaScript patterns for React developers at jsandreact.com Links Let's Program Like It's 1999 | Lee Byron — from React Conf 2019 Links (web browser) on Wikipedia PHP on Wikipedia LAMP stack on Wikipedia Tim Berners-Lee on w3.org 30 years on, what’s next #ForTheWeb? on webfoundatios.org myspace Internet: A First Discovery Book Hoodie Vaporwave on Wikipedia Hack/XHP JSX Source-to-source compiler on Wikipedia Tom Occhino and Jordan Walke: JS Apps at Facebook — React and JSX's public announcement at JSConf US 2013 Pete Hunt: React: Rethinking best practices — defending JSX at JSConf EU GraphQL: The Documentary — by Honeypot on YouTube honeypot.originals on YouTube graphql.org relay.dev graphql/graphql-js graphql-ruby.org reactjs/react-rails 64: Chris Toomey on TypeScript, GraphQL, and Product Thinking — on React Podcast Robinhood — commission-free investing Robinhood careers GraphQL Foundation The Linux Foundation — Supporting Open Source Ecosystems GraphQL org on Github

Today we sit down with award winning cartoonist, a book apart author, web animations expert, new member to the React Core Team, and all round lovely human Rachel Nabors. We talk about her journey to React, the Woman at the Heart of React zine (from this year's React Conf), and her charter to make React and React Native documentation friendly, powerful, and inclusive. Featuring Rachel Nabors — Twitter, GitHub, Website chantastic — Twitter, Website, GitHub Links React Conf 2019 Women at the Heart of React Xyra (Zine Illustrator) Yuzhi Zheng Luna Ruan Flarnie Marchan Sophie Alpert Monica Powell Sara Vieira Greta Strolyte Raquel Candeias Jessica Franco Women at the Heart of React — Zine in the Wild Zines in the wild at React Conf 2019 Stickers and Foil posters @QueerJS in NYC with @waterproofheart Oslo with @elisabethirg @ParissAthena Around React Conf with @waterproofheart, @Zizzamia, and @tanvibhakta_ React Community Stories — In-depth and ongoing profiles on Women at the Heart of React on Medium Sailor Moon Building a Custom React Renderer | Sophie Alpert at React Conf 2019 Animation at Work — Rachel's Book with A Book Apart Web Animations Documentation on MDN React Native Docs basecs — with Vaidehi Joshi 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 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

React Core Team member Sunil Pai in the chair today. React is a complicated project. It's open source but lead by facebook. That's a hard pill for many to swollow. But, for it, we get a framework that's battle-tested at facebook scale — every experimental API tested by billions of users. Today, Sunil and I dive into the future of React as a UI framework, how Concurrent mode marks a shift in focus from developer experience to user experience, and what it'll take to finally get better designer tooling for React. Featuring Sunil Pai — Twitter, GitHub chantastic — Twitter, Website, GitHub Links 23: Ditch Authority with Sunil Pai — Previous React Podcast with Sunil Pai Dan Abramov Dominic Gannaway Rachel Nabors Sunil Pai - The “Something” Statements at React Rally useTransition useDeferredValue Umbrella React Flare — the umbrella issue on GitHub #15257 Twitter Lite Do This to Improve Image Loading on Your Website — Jen Simmons on image loading improvements in the browser OOCSS — A CSS architecture by Nicole Sullivan webflow — Break the code barrier SwiftUI — Better apps. Less code. Gatsby — Fast in every way that matters Next — The React Framework Brent Jackson John Otander MDX Components AI — Experimental platform for exploring generative design systems CSS Grid Layout webflow grid editor Framer — Always interactive, lightning fast design "Useez" — Tired: Hooks. Wired: Useez 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 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

I'm so grateful for you. This is just a short thank you from me to you, an update on my React Suspense course, and what you can expect from React Podcast in 2020. Featuring chantastic — Twitter, Website, GitHub Links reactsuspense.com — An ugly site with links to my new React Suspense course and newsletter Sponsors 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 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