React Podcast

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