React Round Up - Podcasts - <section class='relative'></section> <div class='max-w-6xl mx-auto px-4 sm:px-6'> <div class='pt-28 md:pt-32 md:pb-20'> <div class='text-center items-center'> <img class="mb-6 mx-auto" data-aos="zoom-y-out" data-aos-delay="150" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbMzAwLDMwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--f3b151d3ca262e5831817f8f49b60dc22c0caa9e/Artboard%201.png" /> <div class='max-w-3xl mx-auto'> <p class='text-2xl font-bold text-gray-700 mb-8' data-aos='zoom-y-out' data-aos-delay='300'>Learn the latest in React from top end developers</p> </div> <div class='flex flex-wrap justify-center space-x-4 space-y-4 mb-8'> <span class='text-lg pt-4 mt-1 pr-4'>Hosted by:</span> <a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/chris-frewin"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM2ODQsInB1ciI6ImJsb2JfaWQifX0=--2b33592291fdcc47403c214e3d1eb90a0432f8af/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/chris.jpeg" /> <span class='text-xl font-medum mt-1'>Chris Frewin</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/lucas-paganini"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQyMDUsInB1ciI6ImJsb2JfaWQifX0=--d97bfde40c2681dd7e77c12b10f784c8a8cd2f0e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/lucas.jpeg" /> <span class='text-xl font-medum mt-1'>Lucas Paganini</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/peter-osah"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzc2NiwicHVyIjoiYmxvYl9pZCJ9fQ==--674481e6a6ddd23987ee75f003dc7b2f487db49c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/peter%20osah.jpeg" /> <span class='text-xl font-medum mt-1'>Peter Osah</span> </a></div> <div class='flex flex-wrap justify-center space-x-4 space-y-4'> <a class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10 mt-4" href="https://www.spreaker.com/show/6102072/episodes/feed"><i class='fas fa-rss text-white mr-2'></i> RSS </a><a class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://open.spotify.com/show/3SV6RRWsJ1d6lDZDqREEdt"><i class='fab fa-spotify text-white mr-2'></i> Spotify </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://podcasts.apple.com/us/podcast/react-round-up/id1364741140"><i class='fab fa-apple text-white mr-2'></i> Apple Podcasts </a><a class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://www.youtube.com/playlist?list=PLJesql-aSfX6xaZcgQqmfIssYSaQVWXQF"><i class='fab fa-youtube text-white mr-2'></i> YouTube </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://music.amazon.com/podcasts/685f539c-e3cd-4c6a-bd25-82b5d95f6528/react-round-up"><i class='fab fa-amazon text-white mr-2'></i> Amazon Music </a></div> </div> </div> <h2 class='text-3xl md:text-4xl font-hkgrotesk font-extrabold mb-4 mt-16 md:mb-0 md:mt-12'>Episodes</h2>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-135-redux-redux-toolkit-oss-and-more-with-mark-erikson">RRU 135: Redux, Redux Toolkit, OSS and More with Mark Erikson</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Mar 09, 2021 <span class='text-slate-300'>·</span> Episode 135 </div> <div class='text-sm text-slate-500'> Returning guest Mark Erikson joins the React Round Up team to discuss how he found himself in the position of being an open source maintainer for Redux, how he's helped shepherd/author future versions of Redux (and the complete overhauls that happened when React Hooks were introcuded), and the new examples he's written for Redux Toolkit to make Redux easier for devs to get started with </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-135-redux-redux-toolkit-oss-and-more-with-mark-erikson"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/bonus-how-to-get-freelance-clients-to-come-to-you-04396e4c-0865-44b6-aea4-c6cc55f0cbe0">BONUS: How to get Freelance Clients to Come to You</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Mar 02, 2021 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> Charles Max Wood explains how he landed his first 4 freelance clients that took him through a few years of freelancing with only 3 years of experience and a few hundred podcast listeners. Funnily enough, they actually came to him, not the other way around. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/bonus-how-to-get-freelance-clients-to-come-to-you-04396e4c-0865-44b6-aea4-c6cc55f0cbe0"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-134-how-to-be-a-top-5-developer">RRU 134: How to be a Top 5% Developer</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Feb 23, 2021 <span class='text-slate-300'>·</span> Episode 134 </div> <div class='text-sm text-slate-500'> Charles Max Wood rejoins the show to discuss the things that help people take their careers from a job to a calling. The panel goes into publishing content, how to learn, meeting other people, and working with others. Chuck also advocates for having a plan for your career and taking deliberate steps each day to achieve what you wish for. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-134-how-to-be-a-top-5-developer"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-133-react-with-christopher-chedeau-and-jordan-walke">RRU 133: React with Christopher Chedeau and Jordan Walke</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Feb 17, 2021 <span class='text-slate-300'>·</span> Episode 133 </div> <div class='text-sm text-slate-500'> This is a repeat episode of the JavaScript Jabber 146. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-133-react-with-christopher-chedeau-and-jordan-walke"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/bonus-measuring-apps-and-entrepreneurship-with-john-daniel-trask-76b297a4-2588-43b2-ad17-d2157ad93069">BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Feb 05, 2021 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/bonus-measuring-apps-and-entrepreneurship-with-john-daniel-trask-76b297a4-2588-43b2-ad17-d2157ad93069"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/bonus-measuring-apps-and-entrepreneurship-with-john-daniel-trask-5b04ea48-e302-479e-9c57-bab54c8dc42d">BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Feb 05, 2021 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> John-Daniel Trask, founder and CEO of Raygun, talks about his experience building a monitoring company and about how to measure the speed and quality of your code. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/bonus-measuring-apps-and-entrepreneurship-with-john-daniel-trask-5b04ea48-e302-479e-9c57-bab54c8dc42d"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-132-what-is-a-top-5-developer">RRU 132: What is a Top 5% Developer?</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Feb 02, 2021 <span class='text-slate-300'>·</span> Episode 132 </div> <div class='text-sm text-slate-500'> This is a repeat episode of Ruby Rogues 485 </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-132-what-is-a-top-5-developer"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-131-data-visualization-at-scale-with-andrey-goncharov">RRU 131: Data Visualization at Scale with Andrey Goncharov</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 19, 2021 </div> <div class='text-sm text-slate-500'> Software Engineer Andrey Goncharov joins the React Round Up crew to discuss how his company Hazelcast has approached visualizing hundreds of data points on potentially hundreds of computers in a way that makes sense to users. Dust off your math skills - it gets a little technical along the way as they discuss graphs, charts, performance optimizations and bottlenecks, and even handling accessibility of these data-intensive graphs. If you ever have to debug system failures and anomalies, this will be a worthwhile episode to check out. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-131-data-visualization-at-scale-with-andrey-goncharov"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-130-how-to-manage-80k-lines-of-code-as-a-solo-developer">RRU 130: How to Manage 80K Lines of Code as a Solo Developer</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 12, 2021 <span class='text-slate-300'>·</span> Episode 130 </div> <div class='text-sm text-slate-500'> On this episode of React Round Up we talked to Dragos Bulugean about starting your own business, and managing really big apps. Dragos created Archbee, a service for helping companies manage documentation. We talked about the tech behind Archbee, as well as how he managed to build a business by himself—and how you can do the same. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-130-how-to-manage-80k-lines-of-code-as-a-solo-developer"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-129-all-things-jamstack-with-james-quick">RRU 129: All Things Jamstack with James Quick</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 05, 2021 <span class='text-slate-300'>·</span> Episode 129 </div> <div class='text-sm text-slate-500'> This week we chatted with James Quick from Auth0 about all things Jamstack. We discussed what the Jamstack is, and walked through a ton of interesting tools and frameworks–including Gatsby, Next.js, Auth0, Sanity, and a whole lot more. Listen for a number of helpful tips & tricks around building sites with the jam stack and more. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-129-all-things-jamstack-with-james-quick"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/bonus-how-to-crush-your-biggest-goals-in-2021-28a69723-b95a-49da-b963-4205e3d7c158">BONUS: How to Crush Your Biggest Goals in 2021</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 01, 2021 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/bonus-how-to-crush-your-biggest-goals-in-2021-28a69723-b95a-49da-b963-4205e3d7c158"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/rru-128-web-components-with-ben-farrell">RRU 128:Web Components with Ben Farrell</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 22, 2020 <span class='text-slate-300'>·</span> Episode 128 </div> <div class='text-sm text-slate-500'> On this episode we chatted with Ben Farrell, author of Web Components in Action, about all things web components. We talked about the status of web components, the best way to get started today, and a whole lot more. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/rru-128-web-components-with-ben-farrell"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/react-127-building-component-libraries-with-kathryn-grayson-nanz">REACT 127: Building Component Libraries with Kathryn Grayson Nanz</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 08, 2020 <span class='text-slate-300'>·</span> Episode 127 </div> <div class='text-sm text-slate-500'> Senior Frontend Engineer Kathryn Grayson Nanz joins the React Round Up team to talk about all things component libraries. Kathryn shares her experiences building not one but two component libraries, as well as tips and tricks on the benefits of shared libraries, how to get buy in from product and developer teams, the best way to set up libraries and keeping them up-to-date. She also shares pitfalls to try and avoid when getting started with building a new library. Definitely a good listen for anyone debating whether an existing library or a brand new, custom one is the way to go for a project. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/react-127-building-component-libraries-with-kathryn-grayson-nanz"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/react-126-a-gentle-introduction-to-serverless-apps-with-react-with-joe-karlsson">REACT 126: A Gentle Introduction to Serverless Apps With React with Joe Karlsson</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 02, 2020 <span class='text-slate-300'>·</span> Episode 126 </div> <div class='text-sm text-slate-500'> On this episode of React Round Up we chatted with Joe Karlsson from MongoDB. We talked about all things serverless, from how to get started, to which sort of apps are good fits for serverless services, to how incredibly confusing AWS and Azure’s pricing pages are. It was a fun conversation, and is a great listen if you’re curious about serverless but aren’t sure where to start. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/react-126-a-gentle-introduction-to-serverless-apps-with-react-with-joe-karlsson"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTExMjUsInB1ciI6ImJsb2JfaWQifX0=--ed5c350be17fc8c34ca08c960fd597a44620bfab/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/Artboard%201.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/react-round-up/episodes/bonus-how-to-do-large-volumes-of-high-quality-work-while-spending-fewer-hours-working-85882e89-e94b-44bc-bc09-40331801d3a7">BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 27, 2020 <span class='text-slate-300'>·</span> Episode BONUS </div> <div class='text-sm text-slate-500'> Mani provides us with strategies and tactics to get Deep Work time and how to get our minds into that focused state for hours at a time. He has read hundreds of books that have taught him the secrets to getting more done by getting into this state. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/react-round-up/episodes/bonus-how-to-do-large-volumes-of-high-quality-work-while-spending-fewer-hours-working-85882e89-e94b-44bc-bc09-40331801d3a7"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div> <nav class='flex items-center justify-between border-t border-gray-200 px-4 sm:px-0 mt-6'> <div class='-mt-px flex w-0 flex-1'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=11"><svg aria-hidden='true' class='mr-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z' fill-rule='evenodd'></path> </svg> Previous </a></div> <div class='hidden md:-mt-px md:flex'> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=8">8</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=9">9</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=10">10</a> <a rel="prev" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=11">11</a> <span class='inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600'>12</span> <a rel="next" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=13">13</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=14">14</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=15">15</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=16">16</a> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> </div> <div class='-mt-px flex w-0 flex-1 justify-end'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/react-round-up?page=13">Next <svg aria-hidden='true' class='ml-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z' fill-rule='evenodd'></path> </svg> </a></div> </nav> </div>

Latest Episode: React Component Tests for Humans with Miroslav Nikolov - RRU 282

0:00

39:08

Playback Speed: