Illustration of a microphone

Calls with Kent C. Dodds.

You call, I'll answer.

Record your call
Listen to the podcasts here
Apple podcastsGoogle podcasts
SpotifyRSSRSS
Phone sitting on a stool

What's this all about?

The goal of the Call Kent Podcast is to get my answers to your questions. You record your brief question (120 seconds or less) right from your browser. Then I listen to it later and give my response, and through the magic of technology (ffmpeg), our question and answer are stitched together and published to the podcast feed.

I look forward to hearing from you!

Record your call

Calls with Kent C. Dodds Season 1 — 50 episodes

50.How to decide among advanced react patterns?
07:12
49.Handling difficult co-workers and/or leadership
05:24
48.Use React frameworks (Remix) for SPAs
05:29
47.Isolating tests
04:39
46.Versioning and dependency management for libraries
05:07
45.Full stack framework vs front-end with saas
06:34
44.Learning Gaps & Cluelessness as a Developer
07:46
43.Alfred and/or ScriptKit?
07:41
42.Why React JS?
23:22
41.Bailing out of re-rendering in useState
04:28
40.Remix Styling w/CSS in JS
08:29
39.Learning web development the right way
07:07
38.Testing a Drag and Drop Experience
03:59
37.Protected route and redirect after payment
06:17
36.Making changes on a new team
13:27
35.Building an Open Source Website
08:56
34.Question about testing alongside RTL
07:21
33.Create web components in React
07:29
32.Magic links require timely email delivery
06:48
31.Some advice for developers about the design
02:43
30.Pricing low-demand workshops
05:08
29.Why XState?
06:27
28.Forms in React
04:48
27.How small should components be
03:58
26.Using Fly.io Replays
12:46
25.Why is forwardRef required to limit re-renders?
07:24
24.Traditional logins vs. passwordless magic links
14:08
23.How to plan curriculum
04:48
22.Why Remix over other React frameworks?
35:44
21.What did paypal-scripts do?
06:15
20.What are your thoughts on Svelte?
11:21
19.Where did those diagrams come from?
02:39
18.Filling CS concept holes as a non-CS major?
05:48
17.How to buy for EpicReact in "installments"
06:16
16.Best approach for building headless components
09:05
15.Cypress Component Testing Library vs Jest
04:44
14.How does Remix manage many CSS files in a page?
04:16
13.Mirage JS over MSW?
06:04
12.Work Life Balance
10:02
11.How much of seniority is about code skills?
07:59
10.Firm skills
05:21
09.How to style?
09:06
08.SSG Hype
13:55
07.Managing Burnout
03:28
06.Make It Stick: Interleave Curves
05:11
05.What is the best way to go through EpicReact?
09:23
04.How do you find new technology
02:45
03.Difference in methods emanating from screen and render
04:38
02.Dealing with "act" warning on react testing
06:20
Keywords

react, react-testing-library, act

Tweet this
Description
So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?

01.Reusing components between different projects
06:05
50.How to decide among advanced react patterns?
07:12
49.Handling difficult co-workers and/or leadership
05:24
48.Use React frameworks (Remix) for SPAs
05:29
47.Isolating tests
04:39
46.Versioning and dependency management for libraries
05:07
45.Full stack framework vs front-end with saas
06:34
44.Learning Gaps & Cluelessness as a Developer
07:46
43.Alfred and/or ScriptKit?
07:41
42.Why React JS?
23:22
41.Bailing out of re-rendering in useState
04:28
40.Remix Styling w/CSS in JS
08:29
39.Learning web development the right way
07:07
38.Testing a Drag and Drop Experience
03:59
37.Protected route and redirect after payment
06:17
36.Making changes on a new team
13:27
35.Building an Open Source Website
08:56
34.Question about testing alongside RTL
07:21
33.Create web components in React
07:29
32.Magic links require timely email delivery
06:48
31.Some advice for developers about the design
02:43
30.Pricing low-demand workshops
05:08
29.Why XState?
06:27
28.Forms in React
04:48
27.How small should components be
03:58
26.Using Fly.io Replays
12:46
25.Why is forwardRef required to limit re-renders?
07:24
24.Traditional logins vs. passwordless magic links
14:08
23.How to plan curriculum
04:48
22.Why Remix over other React frameworks?
35:44
21.What did paypal-scripts do?
06:15
20.What are your thoughts on Svelte?
11:21
19.Where did those diagrams come from?
02:39
18.Filling CS concept holes as a non-CS major?
05:48
17.How to buy for EpicReact in "installments"
06:16
16.Best approach for building headless components
09:05
15.Cypress Component Testing Library vs Jest
04:44
14.How does Remix manage many CSS files in a page?
04:16
13.Mirage JS over MSW?
06:04
12.Work Life Balance
10:02
11.How much of seniority is about code skills?
07:59
10.Firm skills
05:21
09.How to style?
09:06
08.SSG Hype
13:55
07.Managing Burnout
03:28
06.Make It Stick: Interleave Curves
05:11
05.What is the best way to go through EpicReact?
09:23
04.How do you find new technology
02:45
03.Difference in methods emanating from screen and render
04:38
02.Dealing with "act" warning on react testing
06:20
Keywords

react, react-testing-library, act

Tweet this
Description
So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?

01.Reusing components between different projects
06:05
50.How to decide among advanced react patterns?
07:12
49.Handling difficult co-workers and/or leadership
05:24
48.Use React frameworks (Remix) for SPAs
05:29
47.Isolating tests
04:39
46.Versioning and dependency management for libraries
05:07
45.Full stack framework vs front-end with saas
06:34
44.Learning Gaps & Cluelessness as a Developer
07:46
43.Alfred and/or ScriptKit?
07:41
42.Why React JS?
23:22
41.Bailing out of re-rendering in useState
04:28
40.Remix Styling w/CSS in JS
08:29
39.Learning web development the right way
07:07
38.Testing a Drag and Drop Experience
03:59
37.Protected route and redirect after payment
06:17
36.Making changes on a new team
13:27
35.Building an Open Source Website
08:56
34.Question about testing alongside RTL
07:21
33.Create web components in React
07:29
32.Magic links require timely email delivery
06:48
31.Some advice for developers about the design
02:43
30.Pricing low-demand workshops
05:08
29.Why XState?
06:27
28.Forms in React
04:48
27.How small should components be
03:58
26.Using Fly.io Replays
12:46
25.Why is forwardRef required to limit re-renders?
07:24
24.Traditional logins vs. passwordless magic links
14:08
23.How to plan curriculum
04:48
22.Why Remix over other React frameworks?
35:44
21.What did paypal-scripts do?
06:15
20.What are your thoughts on Svelte?
11:21
19.Where did those diagrams come from?
02:39
18.Filling CS concept holes as a non-CS major?
05:48
17.How to buy for EpicReact in "installments"
06:16
16.Best approach for building headless components
09:05
15.Cypress Component Testing Library vs Jest
04:44
14.How does Remix manage many CSS files in a page?
04:16
13.Mirage JS over MSW?
06:04
12.Work Life Balance
10:02
11.How much of seniority is about code skills?
07:59
10.Firm skills
05:21
09.How to style?
09:06
08.SSG Hype
13:55
07.Managing Burnout
03:28
06.Make It Stick: Interleave Curves
05:11
05.What is the best way to go through EpicReact?
09:23
04.How do you find new technology
02:45
03.Difference in methods emanating from screen and render
04:38
02.Dealing with "act" warning on react testing
06:20
Keywords

react, react-testing-library, act

Tweet this
Description
So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?

01.Reusing components between different projects
06:05
50.How to decide among advanced react patterns?
07:12
49.Handling difficult co-workers and/or leadership
05:24
48.Use React frameworks (Remix) for SPAs
05:29
47.Isolating tests
04:39
46.Versioning and dependency management for libraries
05:07
45.Full stack framework vs front-end with saas
06:34
44.Learning Gaps & Cluelessness as a Developer
07:46
43.Alfred and/or ScriptKit?
07:41
42.Why React JS?
23:22
41.Bailing out of re-rendering in useState
04:28
40.Remix Styling w/CSS in JS
08:29
39.Learning web development the right way
07:07
38.Testing a Drag and Drop Experience
03:59
37.Protected route and redirect after payment
06:17
36.Making changes on a new team
13:27
35.Building an Open Source Website
08:56
34.Question about testing alongside RTL
07:21
33.Create web components in React
07:29
32.Magic links require timely email delivery
06:48
31.Some advice for developers about the design
02:43
30.Pricing low-demand workshops
05:08
29.Why XState?
06:27
28.Forms in React
04:48
27.How small should components be
03:58
26.Using Fly.io Replays
12:46
25.Why is forwardRef required to limit re-renders?
07:24
24.Traditional logins vs. passwordless magic links
14:08
23.How to plan curriculum
04:48
22.Why Remix over other React frameworks?
35:44
21.What did paypal-scripts do?
06:15
20.What are your thoughts on Svelte?
11:21
19.Where did those diagrams come from?
02:39
18.Filling CS concept holes as a non-CS major?
05:48
17.How to buy for EpicReact in "installments"
06:16
16.Best approach for building headless components
09:05
15.Cypress Component Testing Library vs Jest
04:44
14.How does Remix manage many CSS files in a page?
04:16
13.Mirage JS over MSW?
06:04
12.Work Life Balance
10:02
11.How much of seniority is about code skills?
07:59
10.Firm skills
05:21
09.How to style?
09:06
08.SSG Hype
13:55
07.Managing Burnout
03:28
06.Make It Stick: Interleave Curves
05:11
05.What is the best way to go through EpicReact?
09:23
04.How do you find new technology
02:45
03.Difference in methods emanating from screen and render
04:38
02.Dealing with "act" warning on react testing
06:20
Keywords

react, react-testing-library, act

Tweet this
Description
So I have a MainComponent, inside there are some “remote” components like OfficeSelect, that fetches data asynchronously on mount, using axios, everytime I test MainComponent I get the “act” warning on that OfficeSelect fetch, how do I deal with that?

01.Reusing components between different projects
06:05

Looking for more content?

Have a look at these articles.

See the full blog
by Jp Valery
by Jp Valery
June 4th, 2019 — 14 min read
When to useMemo and useCallback
by Alex Eckermann
by Alex Eckermann
April 6th, 2020 — 12 min read
The State Reducer Pattern with React Hooks