The Call Kent Podcast

The Call Kent podcast is a regular podcast where you call in with a question and Kent answers. Call in with your questions right from your web browser with any device at https://kentcdodds.com/call

Last refreshed: July 3rd, 2025 at 4:24 AM ⓘ

Follow this podcast in the Metacast mobile app to refresh it and see new episodes.

Follow on

Apple Podcasts

Spotify

RSS

Podcasts are better in Metacast mobile app

Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

Playwright support

Where can I find your courses on Playwright and how are you involved in the community? Playwright Playwright Discussions Playwright Discord Playwright support

Feb 02, 2023•4 min•Season 3Ep. 24

Tips for creating a npm package (stack-supporting)

In order to understand a little more about your process of creating and maintaining a npm package, three questions were asked, to know the stack used, what support for them normally and whether or not there is a template that you can share with more. kcd-scripts generator-kcd-oss Tips for creating a npm package (stack-supporting)...

Jan 31, 2023•9 min•Season 3Ep. 23

How close should a hook be to its usage?

Transcript: Key Kent! Big fan since I started learning React many moons ago! My name is Asier and I hope you're having a good day. My question is about React custom hooks and your opinion on the following. Imagine there is one parent component in charge of rendering two children components. This parent component is using a custom hook to retrieve some relevant data, let's say that it receives the user name and the date of birth for instance. The first child component requires a prop for the user...

Jan 12, 2023•3 min•Season 3Ep. 22

What's your opinion on atomic design?

Atomic Web Design by Brad Frost What's your opinion on atomic design?

Jan 03, 2023•3 min•Season 3Ep. 21

How to handle file uploads in Remix?

Hi Kent! How would you handle file uploads in Remix? For example, the avatar for a user's profile. Or a PDF document? unstable_parseMultipartFormData Browser File API s3 example Cloudinary example How to handle file uploads in Remix?...

Dec 16, 2022•4 min•Season 3Ep. 20

Tailwind class overriding

It can be difficult to override tailwind classes with more tailwind classes because their precedence is based on style sheet order not order you apply them. How do you go about solving the problem? Tailwind class overriding

Dec 15, 2022•6 min•Season 3Ep. 19

How do you deal with partial types?

Fully typed apps are the correct approach. Let's say your API backend returns a 'full' type (of a Workshop type with 8 fields for example), and, secondly, a list of Workshops but this time only with a 'name' field. In the frontend, you have a 'full view', a 'list of workshops view' (showing only the name of each) and a 'preview view' of a Workshop which uses 3 of its 8 fields. How do you describe these types in the app and at the interfaces between the frontend and backend? How do you deal with ...

Dec 14, 2022•4 min•Season 3Ep. 18

The "remix" testing methodology

Do you plan to update the testing course to add/update content to teach the "remix testing" methodology? I see you folks are using Playwright quite extensively even if it adds more time to execute. I'm very curious to know your "thought process" on these kinds of decisions The "remix" testing methodology

Dec 14, 2022•6 min•Season 3Ep. 17

How to handle action matching no intent?

Hi Kent its Jan, What do you do in your action function in Remix for a page with multiple forms, if no intent matches? Let's say you have a page with two forms, one for deleting an entity and one for duplicating it. So the page has two forms each with a button of type submit, one with an intent of delete and one of with an intent of duplicate. Now what do you do if the request to that action function contains form data with neither intent? In Ryan's Remix single, where he shows how to handle mul...

Dec 12, 2022•4 min•Season 3Ep. 16

Latest practical CSS techniques (use Tailwind)

More info at the ever evolving ways to deal with CSS and what are Kent's preferred ways of handling CSS Latest practical CSS techniques (use Tailwind)

Dec 09, 2022•4 min•Season 3Ep. 15

Middleware is an antipattern

Question regarding the Express.js pipeline Kent takes when writing backend apps that differs form the conventional router->middleware->controller and treats the controller itself as middleware Middleware is an antipattern

Dec 01, 2022•8 min•Season 3Ep. 14

How to test semantic HTML tables?

I'm looking into testing tables with testing library and was wondering, how would you approach testing a semantic HTML table with React testing library? I found this issue (https://github.com/testing-library/dom-testing-library/issues/583#issuecomment-997347372) on Github, but there seems to be no definitive answer. screen.logTestingPlaygroundURL() Testing Playground The Accessibility pane Thanks a lot! How to test semantic HTML tables?...

Nov 30, 2022•4 min•Season 3Ep. 13

Appreciation

Quality contents, quality contribution to React ecosystem. Appreciation

Nov 21, 2022•2 min•Season 3Ep. 12

Testing Code in service files and NGXS Store files

Is it important to test the code in service files and in ngxs store files in angular? I was under the assumption that testing the component files were standard and I have been doing the same when using angular testing library MSW Testing Code in service files and NGXS Store files

Nov 11, 2022•3 min•Season 3Ep. 11

Is using md5 as key an anti-pattern in react?

can i use the md5 checksum of the json data as key for each row in react? so context here is that i have a bunch of rows to show, and they dont have an id, and i can't use index as their order may change. so i am using the md5 of the JSON.stringify of the rows data. but i am thinking that calculating the md5 or sha1 maybe a thing which shouldn't happen in the UI render cycle, specially cause the render can happen many times as things in the top change? Is using md5 as key an anti-pattern in reac...

Nov 10, 2022•4 min•Season 3Ep. 10

Why do you take short breaks when coding?

When you do your live streams, you take breaks regularly. Why do you do that? What's the science behind it? And what do you do during those breaks to make them as effective as possible? Centered (use the coupon code EPICFLOW for 50% off the first year of premium). Why do you take short breaks when coding?

Nov 09, 2022•4 min•Season 3Ep. 9

Is addEventListener OK again?

addEventListener is usually frowned upon as an anti-pattern in the React world. Will this still be the case with Remix? What about in the framework-agnostic future of Remix? Is addEventListener OK again?

Nov 04, 2022•4 min•Season 3Ep. 8

Frontend to Fullstack

What learning path do you recommend for a frontend dev learning to become full stack? Remix Frontend to Fullstack

Nov 03, 2022•4 min•Season 3Ep. 7

Test Data: To BeforeAll or to BeforeEach

Starting a new testing project, and I'm wondering if it's a bad practice to set up all the necessary seed data in a beforeAll to run the test suite then or if isolation is critical so that work should be done in a beforeEach. We have an application that requires a decent amount of data to get up and run, so we're trying to figure out what might be the best practices. Avoid Nesting when you're Testing Test Data: To BeforeAll or to BeforeEach...

Oct 19, 2022•6 min•Season 3Ep. 6

organizing course code

what ways have you organized code for your courses? what are the trade offs and what is you preferred approach today? Joe's Tweet Kent's AMA answer organizing course code

Oct 11, 2022•11 min•Season 3Ep. 5

How to do feature flags with Remix?

How do you recommend to implement feature flags with Remix? Do you recommend a third patry library? Do you recommend query params? How to do feature flags with Remix?

Oct 10, 2022•7 min•Season 3Ep. 4

Own Code vs Library

If there is a specific library that has a functionality you need, would you prefer to rewrite yourself or use the library? Own Code vs Library

Sep 29, 2022•7 min•Season 3Ep. 3

Would you recommend to use Playwright or Cypress?

Why did you decide to migrate your tests from Cypress to Playwright? Are there any particular advantages? Would you recommend starting using playwright from now on? Twitter Question Would you recommend to use Playwright or Cypress?

Sep 28, 2022•6 min•Season 3Ep. 2

How to Shamelessly Self-Promote?

self-promotion is a really difficult task to do either in public like on social media platforms or when you are among your co-workers and bosses and you wanted to talk about something you achieved but afraid that you will look like a bragger. How to Shamelessly Self-Promote?

Sep 16, 2022•6 min•Season 3Ep. 1

Why are you programming in VScode?

There are a lot of IDEs and text editors. Why did you choose VScode? Why not more complex solutions like Webstorm? Why are you programming in VScode?

Sep 14, 2022•7 min•Season 2Ep. 50

Remix: ways around window undefined

Whilst using remix I realized even after naming a file .client.ts and importing it into the remix page, it does not affect how remix generates html on the server. As an SSR framework it always generates the html on the server and so accessing the window becomes undefined. The solution to that is to run the code in useEffect. I was wondering if there are ways around that instead of having to throw in a bunch of useEffect to solve that. Next.JS has next/dynamic import which can be used and also by...

Sep 13, 2022•6 min•Season 2Ep. 49

← Prev Next →

Hosted on Transistor

For the best experience, listen in Metacast app for iOS or Android