60: James K Nelson on React with the Buzzwords
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.
22 Aug 2019
14: VX and D3 Charting with Harrison Shoff
Michael, Michael, and Harrison talk VX, Charting with D3, Airbnb engineering, and designing unopinionated component in React. Featuring Harrison Shoff — Twitter, Github, Medium Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes & Links vx | visualization components My Airbnb story ReasonML React Sketch.app react-dates
31 Jul 2018
3: The Future of React with Dan Abramov
In this episode Michael Jackson talks with Dan Abramov, author of Redux and create-react-app, about the responsibility that comes with being an influential voice for React, how future versions of React will leverage requestIdleCallback to schedule work, and the possibility of a future API for React that makes it easier to do async work. Featuring Dan Abramov — Twitter, Github Michael Jackson — Twitter, Github, Website Notes Beyond React 16 by Dan Abramov at JSConf Iceland requestIdleCallback API
28 Feb 2018
31: Hooks are Mixins with Ryan Florence
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"
4 Dec 2018
Most Popular Podcasts
49: Break In with Scott Tolinski
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
23 May 2019
40: Lift as you Climb with Cassidy Williams. On React, Redux, and GraphQL at CodePen, teaching, @smkmeetup, following your dreams (literally), and building your dream network.
21 Mar 2019
38: Learn to Learn with Kyle Shevlin. Building a great career, finding your tribe, learning how to learn, and shipping your side projects.
7 Mar 2019
35: Make the Web Look Great with Matt Perry. On declarative animation, open source management, and importance of the open web
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
17 Jan 2019
82: Becca Bailey on Refactoring React Components
20 Feb 2020
39: Take Your Time with Kyle Shevlin. On healing from burnout, interviewing as a senior dev, building your brand, knowing your worth, and overcoming the desire for more.
14 Mar 2019
29: Don't Rewrite Your App for Hooks and Suspense with Jared Palmer
20 Nov 2018
6: Async React with Andrew Clark
Andrew Clark is a developer on the React core team at Facebook who has been working on asynchronous rendering. In this episode we do a deep dive on some of the decisions behind the implementation of async mode in React 16 as well as talk about how applications can benefit from using it. Featuring Andrew Clark — Twitter, Github Michael Jackson — Twitter, Github, Website Notes Preview of Async Features in React 16 react-basic - core concepts of React Update on Async Rendering in React
10 Apr 2018
28: Be Healthy and Love Gatsby with Jason Lengstorf
14 Nov 2018
45: Version Responsibly with Michael Jackson
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.
25 Apr 2019
12: Coming to React with Sara Vieira
Sara Vieira is easily one of the most entertaining people we've ever had on this show. She has been working with React over the past few years and has recently been traveling around Europe and giving free workshops on React in London and at React Finland. Featuring Sara Vieira — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes Make Frontend Shit Again Awesome Talks The destructured horse!
5 Jun 2018
64: Chris Toomey on TypeScript, GraphQL, and Product Thinking
19 Sep 2019
58: Eve Porcello on Learning GraphQL
8 Aug 2019
11: Inside React with Sophie Alpert
Sophie Alpert is a core contributor to React and is currently the engineering manager for the React team at Facebook. She has been contributing to React for over 3 years now, making her first contributions while she was working as an engineer at Khan Academy. Featuring Sophie Alpert — Twitter, Github, Website Michael Jackson — Twitter, Github, Website Michael Chan — Twitter, Github, Website Notes React v16.0 React 16 rewrite Improving the React repo infrastructure Hi, I'm trans.
29 May 2018
46: Progress with Houssein Djirdeh, on Progressive Web Apps and the Story of Building GitPoint with React Native
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.
2 May 2019
34: Just Use a Button with Jen Luker
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
9 Jan 2019