The Call Kent Podcast Transistor (https://transistor.fm) https://feeds.transistor.fm/call-kent 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 © 2021 Kent C. Dodds Tech LLC e0c3f9c1-dbb7-590e-adc0-0da7cfabf8d7 no en Mon, 09 Mar 2026 13:18:02 -0600 Mon, 09 Mar 2026 13:19:05 -0600 https://kentcdodds.com/call https://img.transistorcdn.com/SikvPxcXP_4ZoSVR-wTyhylGFG5UCcJDKoux1Ez4IWM/rs:fill:0:0:1/w:1400/h:1400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzIxOTMyLzE2MzE3/MzU0MjMtYXJ0d29y/ay5qcGc.jpg The Call Kent Podcast https://kentcdodds.com/call episodic Kent C. Dodds 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 The Call Kent podcast is a regular podcast where you call in with a question and Kent answers. software development, javascript, react, testing, career, software engineering Kent C. Dodds me@kentcdodds.com No No Exposing internal styles from design system 5 5 27 27 Exposing internal styles from design system full 643869ed-228e-4279-9aba-384b3d4a0b1d https://kentcdodds.com/calls/05/27/exposing-internal-styles-from-design-system A caller wants to expose internal styles from their component library to consumers. Kent suggests using a variable to export the class names and using a library like CVA to create multiple variants of a set of class names. He also recommends against using disabled buttons as a workaround and instead suggests creating individual components for each use case.

Exposing internal styles from design system]]> A caller wants to expose internal styles from their component library to consumers. Kent suggests using a variable to export the class names and using a library like CVA to create multiple variants of a set of class names. He also recommends against using disabled buttons as a workaround and instead suggests creating individual components for each use case.

Exposing internal styles from design system]]> Mon, 09 Mar 2026 13:18:02 -0600 Kent C. Dodds Kent C. Dodds 244 Taranveer asked this on 2026-03-08 Taranveer asked this on 2026-03-08 design system, internal styles, component library, CVA, CLSX No What to learn 5 5 26 26 What to learn full 13d19f63-8c23-4f06-a437-c5a722aa2864 https://kentcdodds.com/calls/05/26/what-to-learn Kent C. Dodds answers a question about what to focus on in the future of software development, including the role of agents, MCPs, and workflows. He shares his thoughts on how to bring clarity to problems and how software developers will continue to be needed in the future.

What to learn

]]> Kent C. Dodds answers a question about what to focus on in the future of software development, including the role of agents, MCPs, and workflows. He shares his thoughts on how to bring clarity to problems and how software developers will continue to be needed in the future.

What to learn

]]> Fri, 06 Mar 2026 12:42:57 -0700 Kent C. Dodds Kent C. Dodds 1152 Uvindu asked this on 2026-03-06 Uvindu asked this on 2026-03-06 software development, agents, MCPs, workflows, clarity, problem-solving No Bridging the Gap to Community Influence as a Senior Engineer 5 5 25 25 Bridging the Gap to Community Influence as a Senior Engineer full 8b812641-8093-46b6-8cbf-a764d2a2bad8 https://kentcdodds.com/calls/05/25/bridging-the-gap-to-community-influence-as-a-senior-engineer Kent C. Dodds shares his insights on navigating the transition from a senior engineer to a recognized leader in the community. He emphasizes the importance of having a solid proof of work, creating a tight feedback loop, and using your SaaS products to guide your teaching. Kent also relates to the hesitation of losing hands-on engineering edge and provides a practical solution to maintain credibility as an educator. You can find the caller's YouTube channel and Medium below:

  • https://www.youtube.com/@sebastianquiroga1153
  • https://medium.com/@sebasqui1995
Bridging the Gap to Community Influence as a Senior Engineer]]> Kent C. Dodds shares his insights on navigating the transition from a senior engineer to a recognized leader in the community. He emphasizes the importance of having a solid proof of work, creating a tight feedback loop, and using your SaaS products to guide your teaching. Kent also relates to the hesitation of losing hands-on engineering edge and provides a practical solution to maintain credibility as an educator. You can find the caller's YouTube channel and Medium below:

  • https://www.youtube.com/@sebastianquiroga1153
  • https://medium.com/@sebasqui1995
Bridging the Gap to Community Influence as a Senior Engineer]]> Wed, 25 Feb 2026 10:17:16 -0700 Kent C. Dodds Kent C. Dodds 409 Sebastian asked this on 2026-02-25 Sebastian asked this on 2026-02-25 community influence, senior engineer, proof of work, feedback loop, SaaS products, teaching credibility No Call Kent Podcast Updates 5 5 24 24 Call Kent Podcast Updates full 2a530591-98d7-4d79-b709-9dec5bf94e3d https://kentcdodds.com/calls/05/24/call-kent-podcast-updates Kent discusses the new features on the Call Kent Podcast, including the ability to type questions and have them answered with an AI voice, and the option to remain anonymous. He also explains how these changes will improve the relevance of answers and titles.

Call Kent Podcast Updates]]> Kent discusses the new features on the Call Kent Podcast, including the ability to type questions and have them answered with an AI voice, and the option to remain anonymous. He also explains how these changes will improve the relevance of answers and titles.

Call Kent Podcast Updates]]> Tue, 24 Feb 2026 10:50:04 -0700 Kent C. Dodds Kent C. Dodds 245 Kent asked this on 2026-02-24 Kent asked this on 2026-02-24 Call Kent Podcast, AI voice, anonymous questions, relevance of answers No From AI Automation to Full-Stack Engineering 5 5 23 23 From AI Automation to Full-Stack Engineering full 01bb168c-9bda-427a-9124-b5b5c66c25dd https://kentcdodds.com/calls/05/23/from-ai-automation-to-full-stack-engineering How to build toward full-stack software engineering while already working in AI automation, without starting over or losing career stability.

From AI Automation to Full-Stack Engineering]]> How to build toward full-stack software engineering while already working in AI automation, without starting over or losing career stability.

From AI Automation to Full-Stack Engineering]]> Tue, 06 Jan 2026 15:21:27 -0700 Kent C. Dodds Kent C. Dodds 565 Japhet asked this on 2025-12-23 Japhet asked this on 2025-12-23 full-stack, AI automation, software engineering, career growth No Conference Workshop Advice 5 5 22 22 Conference Workshop Advice full d5b8f107-da3c-4ab9-bc54-15745f0221b5 https://kentcdodds.com/calls/05/22/conference-workshop-advice Asking for advice on workshops at tech conferences. I'm one of the planners for a conference we host in Chattanooga, https://sceniccitysummit.com/. Last year we hosted our first day of workshops. It wasn't as successful as we had planned. We want to try this again for our next event that will be on June 5th, 2025. I know that you have held workshops at conferences. So I was wondering if you could give me any advice on this subject.

  1. what are some ways to attract workshop teachers
  2. what is the typical financial commitment with the teacher and the event
  3. what is a target class size for a workshop
  4. is there typically a written agreement with the teacher and the event
  5. any other guidance or words of wisdom I would really appreciate any help that you could give us!
Conference Workshop Advice]]> Asking for advice on workshops at tech conferences. I'm one of the planners for a conference we host in Chattanooga, https://sceniccitysummit.com/. Last year we hosted our first day of workshops. It wasn't as successful as we had planned. We want to try this again for our next event that will be on June 5th, 2025. I know that you have held workshops at conferences. So I was wondering if you could give me any advice on this subject.

  1. what are some ways to attract workshop teachers
  2. what is the typical financial commitment with the teacher and the event
  3. what is a target class size for a workshop
  4. is there typically a written agreement with the teacher and the event
  5. any other guidance or words of wisdom I would really appreciate any help that you could give us!
Conference Workshop Advice]]> Mon, 01 Dec 2025 15:05:17 -0700 Kent C. Dodds Kent C. Dodds 1057 Stuart Dickerson asked this on 2025-12-01 Stuart Dickerson asked this on 2025-12-01 workshop, instructor, tech conferences No Getting a Developer Job in the AI chaos 5 5 21 21 Getting a Developer Job in the AI chaos full b4ca493a-04c4-4cd2-a490-cef28e43d80f https://kentcdodds.com/calls/05/21/getting-a-developer-job-in-the-ai-chaos I ask Kent -- how to get a full-stack role at a great product-focused team given the AI scenario around.

I added a mini-question as well that -- I want to build my own small things on the side, may be they can turn out to be a SaaS business, so will a full-time role be viable to let me do my own small things on the side...?

Looking forward to your thoughts Kent!

-- Vivek

Getting a Developer Job in the AI chaos]]> I ask Kent -- how to get a full-stack role at a great product-focused team given the AI scenario around.

I added a mini-question as well that -- I want to build my own small things on the side, may be they can turn out to be a SaaS business, so will a full-time role be viable to let me do my own small things on the side...?

Looking forward to your thoughts Kent!

-- Vivek

Getting a Developer Job in the AI chaos]]> Tue, 25 Nov 2025 10:40:59 -0700 Kent C. Dodds Kent C. Dodds 272 Vivek asked this on 2025-11-25 Vivek asked this on 2025-11-25 developer job, product team, ai, side projects, saas business No Significance of '===' in typescript applications 5 5 20 20 Significance of '===' in typescript applications full 11eb559b-87c2-4380-bd86-9ecb43f3fb90 https://kentcdodds.com/calls/05/20/significance-of-in-typescript-applications As '===' compares both type and value, what is the significance of '===' in Typescript app when variables are already typed. When the same functionality can be achieved with '==', why do we need to use '===' esp in Typescript applications

Significance of '===' in typescript applications]]> As '===' compares both type and value, what is the significance of '===' in Typescript app when variables are already typed. When the same functionality can be achieved with '==', why do we need to use '===' esp in Typescript applications

Significance of '===' in typescript applications]]> Tue, 28 Oct 2025 12:10:44 -0600 Kent C. Dodds Kent C. Dodds 337 Lenin asked this on 2025-10-25 Lenin asked this on 2025-10-25 === No In which situations would you recommend using RSC with React Router? 5 5 19 19 In which situations would you recommend using RSC with React Router? full e3de0f4b-73da-4451-b23e-b40283968845 https://kentcdodds.com/calls/05/19/in-which-situations-would-you-recommend-using-rsc-with-react-router Follow up to our little discussion on Twitter / X. What is the advantage of using RSCs? When is it better to use loaders and actions? What are the trade-offs?

In which situations would you recommend using RSC with React Router?]]> Follow up to our little discussion on Twitter / X. What is the advantage of using RSCs? When is it better to use loaders and actions? What are the trade-offs?

In which situations would you recommend using RSC with React Router?]]> Mon, 27 Oct 2025 14:36:27 -0600 Kent C. Dodds Kent C. Dodds 515 Jan asked this on 2025-10-09 Jan asked this on 2025-10-09 RSC, react server components, react router, trade-offs No Web Framework Choice 5 5 18 18 Web Framework Choice full 82d7fa44-ff40-4b94-b778-7df18cc95060 https://kentcdodds.com/calls/05/18/web-framework-choice Recently, I asked you about the career suggestion which definitely had helped me clear certain of my goals.. However, I would like to know about the framework that is more efficient and as per industry.

Web Framework Choice]]> Recently, I asked you about the career suggestion which definitely had helped me clear certain of my goals.. However, I would like to know about the framework that is more efficient and as per industry.

Web Framework Choice]]> Fri, 26 Sep 2025 12:12:41 -0600 Kent C. Dodds Kent C. Dodds 314 Kamran Mushtaq asked this on 2025-09-24 Kamran Mushtaq asked this on 2025-09-24 web Framework, reactjs, nextjs No Suggestion on Career Advice 5 5 17 17 Suggestion on Career Advice full da6da9a2-b355-4411-b040-886f922779c0 https://kentcdodds.com/calls/05/17/suggestion-on-career-advice I'm currently learning React.js and building small projects to strengthen my fundamentals. From this stage, what would be the right next steps to grow further in web application development? (e.g., backend, full-stack, or advanced React concepts), I'd also like to understand the earning potential in this field as a career. What skills or milestones do you think contribute the most towards improving one's earning capacity? Your suggestions and advice would mean a lot and help me navigate the right direction. Thank you for your time and for sharing your experience with people like me.

Suggestion on Career Advice]]> I'm currently learning React.js and building small projects to strengthen my fundamentals. From this stage, what would be the right next steps to grow further in web application development? (e.g., backend, full-stack, or advanced React concepts), I'd also like to understand the earning potential in this field as a career. What skills or milestones do you think contribute the most towards improving one's earning capacity? Your suggestions and advice would mean a lot and help me navigate the right direction. Thank you for your time and for sharing your experience with people like me.

Suggestion on Career Advice]]> Wed, 24 Sep 2025 12:49:45 -0600 Kent C. Dodds Kent C. Dodds 292 Kamran Mushtaq asked this on 2025-09-24 Kamran Mushtaq asked this on 2025-09-24 ReactJs, Website Developer, Earning Potential, Guidance No Request for oAuth implementation 5 5 16 16 Request for oAuth implementation full 76078a2d-f1f2-4bd9-80c3-06b1b0207ad2 https://kentcdodds.com/calls/05/16/request-for-o-auth-implementation I want to learn how you have managed oAuth flow in your mcp server that let's you connect your mcp server with chat gpt and other clients

https://github.com/kentcdodds/kentcdodds.com

Request for oAuth implementation
MCP Cohort 2025

]]> I want to learn how you have managed oAuth flow in your mcp server that let's you connect your mcp server with chat gpt and other clients

https://github.com/kentcdodds/kentcdodds.com

Request for oAuth implementation
MCP Cohort 2025

]]> Mon, 15 Sep 2025 08:05:12 -0600 Kent C. Dodds Kent C. Dodds 225 Sumit asked this on 2025-09-13 Sumit asked this on 2025-09-13 oAuth, authorization No How far can nested UI loaders go for UIs with list of components 5 5 15 15 How far can nested UI loaders go for UIs with list of components full 42796c4e-97ab-4f57-94a2-f25cce5bf562 https://kentcdodds.com/calls/05/15/how-far-can-nested-ui-loaders-go-for-uis-with-list-of-components the UI at https://nothing.tech/products/phone-3 renders a list of "widgets". I would like each of these widgets to have their own loaders to maximise page speed, furthermore I'd be able to "deeplink" a user straight into a widget. But how do I do that when a route can only have one Outlet?

Here's an example with Promise.all. Before:

// routes/dashboard.tsx export async function loader() { const user = await fetch('/api/user').then(r => r.json()) const projects = await fetch(`/api/projects?userId=${user.id}`).then(r => r.json()) const notifications = await fetch(`/api/notifications?userId=${user.id}`).then(r => r.json()) return { user, projects, notifications } }

After:

export async function loader() { const userPromise = fetch('/api/user').then(r => r.json()) const projectsPromise = userPromise.then(user => fetch(`/api/projects?userId=${user.id}`).then(r => r.json()) ) const notificationsPromise = userPromise.then(user => fetch(`/api/notifications?userId=${user.id}`).then(r => r.json()) ) const [user, projects, notifications] = await Promise.all([ userPromise, projectsPromise, notificationsPromise, ]) return { user, projects, notifications } }

Kent's notes:

I forgot that defer is now unnecessary, simply return an object from your loader and any properties on that object that are promises will be sent along as deferred data automatically. Learn more from the links below.

How far can nested UI loaders go for UIs with list of components]]> the UI at https://nothing.tech/products/phone-3 renders a list of "widgets". I would like each of these widgets to have their own loaders to maximise page speed, furthermore I'd be able to "deeplink" a user straight into a widget. But how do I do that when a route can only have one Outlet?

Here's an example with Promise.all. Before:

// routes/dashboard.tsx export async function loader() { const user = await fetch('/api/user').then(r => r.json()) const projects = await fetch(`/api/projects?userId=${user.id}`).then(r => r.json()) const notifications = await fetch(`/api/notifications?userId=${user.id}`).then(r => r.json()) return { user, projects, notifications } }

After:

export async function loader() { const userPromise = fetch('/api/user').then(r => r.json()) const projectsPromise = userPromise.then(user => fetch(`/api/projects?userId=${user.id}`).then(r => r.json()) ) const notificationsPromise = userPromise.then(user => fetch(`/api/notifications?userId=${user.id}`).then(r => r.json()) ) const [user, projects, notifications] = await Promise.all([ userPromise, projectsPromise, notificationsPromise, ]) return { user, projects, notifications } }

Kent's notes:

I forgot that defer is now unnecessary, simply return an object from your loader and any properties on that object that are promises will be sent along as deferred data automatically. Learn more from the links below.

How far can nested UI loaders go for UIs with list of components]]> Fri, 12 Sep 2025 18:50:16 -0600 Kent C. Dodds Kent C. Dodds 457 Marco asked this on 2025-09-12 Marco asked this on 2025-09-12 Outlet, Deeplinking, nested routes, layout, patterns No What should I learn next? 5 5 14 14 What should I learn next? full f84811ac-b69b-45b1-b7c9-e66667a00116 https://kentcdodds.com/calls/05/14/what-should-i-learn-next I know that Epic React 2 and Epic Web are completely different courses. Given that I’m already on the verge of completing Epic React 1, I’m currently confused about how to proceed next.

Should I go for Epic React 2 to solidify my React knowledge and learn about React 19? Or should I pivot towards Epic Web, which offers a broader, full-stack curriculum that could help me become a more well-rounded developer?

I’d appreciate any guidance on which path might be more beneficial at this point in my learning journey.

What should I learn next?]]> I know that Epic React 2 and Epic Web are completely different courses. Given that I’m already on the verge of completing Epic React 1, I’m currently confused about how to proceed next.

Should I go for Epic React 2 to solidify my React knowledge and learn about React 19? Or should I pivot towards Epic Web, which offers a broader, full-stack curriculum that could help me become a more well-rounded developer?

I’d appreciate any guidance on which path might be more beneficial at this point in my learning journey.

What should I learn next?]]> Thu, 22 May 2025 08:32:09 -0600 Kent C. Dodds Kent C. Dodds 363 dikshant234 asked this on 2025-05-22 dikshant234 asked this on 2025-05-22 EpicReact,EpicReact2, EpicWeb No Does MCP make sense confined to a single app to rethink UX? 5 5 13 13 Does MCP make sense confined to a single app to rethink UX? full bf9caad9-08e5-4416-baf0-cee29eb38135 https://kentcdodds.com/calls/05/13/does-mcp-make-sense-confined-to-a-single-app-to-rethink-ux I was wondering if you could also use the tool calling, etc. inside of a single app to rethink the way that user interfaces work?

Does MCP make sense confined to a single app to rethink UX?]]> I was wondering if you could also use the tool calling, etc. inside of a single app to rethink the way that user interfaces work?

Does MCP make sense confined to a single app to rethink UX?]]> Tue, 13 May 2025 08:59:23 -0600 Kent C. Dodds Kent C. Dodds 293 Jan asked this on 2025-05-13 Jan asked this on 2025-05-13 mcp, ux No Stuck in Stack Switching: How Do You Commit to One? 5 5 12 12 Stuck in Stack Switching: How Do You Commit to One? full 39d1eff9-33fd-482d-97d5-ac3d6d4873e0 https://kentcdodds.com/calls/05/12/stuck-in-stack-switching-how-do-you-commit-to-one In this recording, I talk about a recurring challenge I face when building proprietary solutions—constantly switching between frameworks like Next.js, React Router, and TanStack. I tend to shift tools when I hit roadblocks (like authentication issues), which makes it hard to commit and go deep with one tech stack. I’m reaching out to ask Kent for advice on how to stay focused and build with confidence without always second-guessing my choices.

Stuck in Stack Switching: How Do You Commit to One?]]> In this recording, I talk about a recurring challenge I face when building proprietary solutions—constantly switching between frameworks like Next.js, React Router, and TanStack. I tend to shift tools when I hit roadblocks (like authentication issues), which makes it hard to commit and go deep with one tech stack. I’m reaching out to ask Kent for advice on how to stay focused and build with confidence without always second-guessing my choices.

Stuck in Stack Switching: How Do You Commit to One?]]> Mon, 12 May 2025 13:48:30 -0600 Kent C. Dodds Kent C. Dodds 314 Irakli asked this on 2025-05-10 Irakli asked this on 2025-05-10 Next.js, React Router, TanStack, authentication, scalability, tech stack, web dev, frameworks No Building and Maintaining a Software Blog 5 5 11 11 Building and Maintaining a Software Blog full 9aa42c75-bb22-407b-aa12-b2c677504dd9 https://kentcdodds.com/calls/05/11/building-and-maintaining-a-software-blog What does it take to start a blog about software - and actually keep it going?

Blog Recorder

Building and Maintaining a Software Blog]]> What does it take to start a blog about software - and actually keep it going?

Blog Recorder

Building and Maintaining a Software Blog]]> Wed, 30 Apr 2025 11:41:20 -0600 Kent C. Dodds Kent C. Dodds 285 Naor asked this on 2025-04-28 Naor asked this on 2025-04-28 blog,software blog,blogging for developers,technical blogging No Securing Routes in React Router Framework 5 5 10 10 Securing Routes in React Router Framework full 201f7cc7-f836-4a3f-834e-b45b3277df93 https://kentcdodds.com/calls/05/10/securing-routes-in-react-router-framework I’m transitioning from SPAs with REST APIs to SSR applications using React Router Framework. While I’ve used layout routes and tools like SWR/React Query for route protection in React Router DOM, I just found out that actions in React Router Framework are still vulnerable to unauthorized POST requests. I use JWT auth with tokens stored in cookies—do I need to verify the JWT in every action on each route, or is there a global solution like Fastify’s onRequest hook?

Securing Routes in React Router Framework]]> I’m transitioning from SPAs with REST APIs to SSR applications using React Router Framework. While I’ve used layout routes and tools like SWR/React Query for route protection in React Router DOM, I just found out that actions in React Router Framework are still vulnerable to unauthorized POST requests. I use JWT auth with tokens stored in cookies—do I need to verify the JWT in every action on each route, or is there a global solution like Fastify’s onRequest hook?

Securing Routes in React Router Framework]]> Mon, 28 Apr 2025 13:20:14 -0600 Kent C. Dodds Kent C. Dodds 210 MohammadAzeem asked this on 2025-04-23 MohammadAzeem asked this on 2025-04-23 React Router, SSR, JWT Auth, Route Protection, Action Security, Fastify Hooks, middleware No Adding Auth to MCPs 5 5 9 9 Adding Auth to MCPs full 8caff291-9517-46eb-a945-7e0a7d71a6f5 https://kentcdodds.com/calls/05/09/adding-auth-to-mcps How could a user authenticate themselves to access certain information that isn't public. Referring to Epicstack's MCP example.

Adding Auth to MCPs]]> How could a user authenticate themselves to access certain information that isn't public. Referring to Epicstack's MCP example.

Adding Auth to MCPs]]> Thu, 17 Apr 2025 10:50:00 -0600 Kent C. Dodds Kent C. Dodds 269 Tanmay asked this on 2025-04-14 Tanmay asked this on 2025-04-14 mcp,epicstack,authentication No Running audio in background while still offline 5 5 8 8 Running audio in background while still offline full 41fc1722-9680-4c7f-aaff-c99caa6147f0 https://kentcdodds.com/calls/05/08/running-audio-in-background-while-still-offline In a web application what are the ways one can use custom audio file for notification on user devices while the user is offline.

Running audio in background while still offline]]> In a web application what are the ways one can use custom audio file for notification on user devices while the user is offline.

Running audio in background while still offline]]> Mon, 17 Mar 2025 11:03:31 -0600 Kent C. Dodds Kent C. Dodds 161 MohammadAzeem asked this on 2025-03-15 MohammadAzeem asked this on 2025-03-15 web, audio, background, service worker, web offline No What do you think about mutation testing applied to components? 5 5 7 7 What do you think about mutation testing applied to components? full 3c83d887-43e4-45f9-b8ae-1fc3b7949f76 https://kentcdodds.com/calls/05/07/what-do-you-think-about-mutation-testing-applied-to-components I’d love to hear your thoughts on mutation testing when applied to components. In my experience, it doesn’t seem to make much sense because it often reports that tests still pass after altering aspects that aren’t relevant to the component’s behavior. To me, this type of testing seems more suited for pure unit tests. What’s your perspective on this?

What do you think about mutation testing applied to components?]]> I’d love to hear your thoughts on mutation testing when applied to components. In my experience, it doesn’t seem to make much sense because it often reports that tests still pass after altering aspects that aren’t relevant to the component’s behavior. To me, this type of testing seems more suited for pure unit tests. What’s your perspective on this?

What do you think about mutation testing applied to components?]]> Thu, 20 Feb 2025 10:17:38 -0700 Kent C. Dodds Kent C. Dodds 383 Kus C. asked this on 2025-02-18 Kus C. asked this on 2025-02-18 mutation testing, stryker, stryker-mutator, testing library, component testing No When is a Promise not good enough, and I need a Web Worker? 5 5 6 6 When is a Promise not good enough, and I need a Web Worker? full a9e21ed6-674f-462e-8983-4a960471c5fb https://kentcdodds.com/calls/05/06/when-is-a-promise-not-good-enough-and-i-need-a-web-worker I just finished Expensive Calculations in React Performance. Why do we need a Web Worker instead of just wrapping the long-running function in a Promise that resolves when the function completes?

When is a Promise not good enough, and I need a Web Worker?]]> I just finished Expensive Calculations in React Performance. Why do we need a Web Worker instead of just wrapping the long-running function in a Promise that resolves when the function completes?

When is a Promise not good enough, and I need a Web Worker?]]> Fri, 17 Jan 2025 09:44:08 -0700 Kent C. Dodds Kent C. Dodds 340 David asked this on 2025-01-17 David asked this on 2025-01-17 Web Worker, Promise No How Useful is LiteFS in 2025? 5 5 5 5 How Useful is LiteFS in 2025? full 21f5a756-c3bd-4612-9e98-1757b0a905fa https://kentcdodds.com/calls/05/05/how-useful-is-lite-fs-in-2025 In 2022 you migrated a blog from postgres to LiteFS. Is that generally recommended in 2025?

How Useful is LiteFS in 2025?]]> In 2022 you migrated a blog from postgres to LiteFS. Is that generally recommended in 2025?

How Useful is LiteFS in 2025?]]> Fri, 10 Jan 2025 11:01:36 -0700 Kent C. Dodds Kent C. Dodds 611 John asked this on 2025-01-09 John asked this on 2025-01-09 blog, postgres, supabase, sqlite No What are your thoughts about Qwik and hydration? 5 5 4 4 What are your thoughts about Qwik and hydration? full 9f8884ab-a2fc-449c-b01e-066d6edaf8cb https://kentcdodds.com/calls/05/04/what-are-your-thoughts-about-qwik-and-hydration What do you think about resumability and Qwik? About 9 months ago, there was talk about Wiz and Angular working more closely together (Wiz was the tool that inspired Qwik). But Angular only committed to working on partial hydration support, not the full resumability like Qwik. So do you think React developers should care about this? If so, should they use partial hydration tools like Astro today or wait for something like resumability to be added to React?

What are your thoughts about Qwik and hydration?]]> What do you think about resumability and Qwik? About 9 months ago, there was talk about Wiz and Angular working more closely together (Wiz was the tool that inspired Qwik). But Angular only committed to working on partial hydration support, not the full resumability like Qwik. So do you think React developers should care about this? If so, should they use partial hydration tools like Astro today or wait for something like resumability to be added to React?

What are your thoughts about Qwik and hydration?]]> Tue, 07 Jan 2025 17:39:25 -0700 Kent C. Dodds Kent C. Dodds 440 Yaroslav asked this on 2025-01-06 Yaroslav asked this on 2025-01-06 qwik, partial hydration, resumability, astro No Dependent driven motivation and embracing AI 5 5 3 3 Dependent driven motivation and embracing AI full 62faeb6c-3222-49d1-8106-475a1bc6599e https://kentcdodds.com/calls/05/03/dependent-driven-motivation-and-embracing-ai I would like to know how you get motivated knowing that you have dependents and stay strong in the event of layoff. How do you handle the fear of AI taking over job?

P.S. I didn't really mention much about AI so feel free to ask a follow-up on this for a more specific answer, but I would say that AI is just an important tool we need to learn and keep using the best tools to get the best benefits. Check out this Epic Programming Principle: Adapt to and adopt productive tools

Dependent driven motivation and embracing AI]]> I would like to know how you get motivated knowing that you have dependents and stay strong in the event of layoff. How do you handle the fear of AI taking over job?

P.S. I didn't really mention much about AI so feel free to ask a follow-up on this for a more specific answer, but I would say that AI is just an important tool we need to learn and keep using the best tools to get the best benefits. Check out this Epic Programming Principle: Adapt to and adopt productive tools

Dependent driven motivation and embracing AI]]> Mon, 06 Jan 2025 12:22:56 -0700 Kent C. Dodds Kent C. Dodds 463 Jyoti asked this on 2025-01-02 Jyoti asked this on 2025-01-02 family, marriage, dependents driven motivation, embracing AI, layoffs No Does the testing trophy need updating for 2025? 5 5 2 2 Does the testing trophy need updating for 2025? full 30c34c2d-578c-4121-8a03-a949dcdb4abc https://kentcdodds.com/calls/05/02/does-the-testing-trophy-need-updating-for-2025 In 2024, we live in a world where the defacto for creating React applications is SSR (e.g. Remix, react router v7, Next, TanStack). Coupled with the rise in performance, reliability and reduction of cost in running e2e tests by playwright and now vitest's Browser Mode, is it time to consider reworking the Testing Trophy to make e2e tests the largest proportion of the trophy?

This is starting to make more and more sense to me as e2e tests are becoming as cheap to execute as integration tests, whilst integration tests are more complex to write in a SSR application without mocking client side or server side code.

Does the testing trophy need updating for 2025?]]> In 2024, we live in a world where the defacto for creating React applications is SSR (e.g. Remix, react router v7, Next, TanStack). Coupled with the rise in performance, reliability and reduction of cost in running e2e tests by playwright and now vitest's Browser Mode, is it time to consider reworking the Testing Trophy to make e2e tests the largest proportion of the trophy?

This is starting to make more and more sense to me as e2e tests are becoming as cheap to execute as integration tests, whilst integration tests are more complex to write in a SSR application without mocking client side or server side code.

Does the testing trophy need updating for 2025?]]> Mon, 09 Dec 2024 08:19:50 -0700 Kent C. Dodds Kent C. Dodds 617 Dan asked this on 2024-12-08 Dan asked this on 2024-12-08 testing trophy, testing, testing SSR apps, react router, remix, e2e testing, No Balancing Conventions and Flexibility in Large Codebases 5 5 1 1 Balancing Conventions and Flexibility in Large Codebases full b1f0fc2b-49a9-46e2-9285-728028bcb11d https://kentcdodds.com/calls/05/01/balancing-conventions-and-flexibility-in-large-codebases I’m curious about your thoughts on balancing conventions in large codebases. For context, I’m working in a project with ~20 developers across four separate teams. Where do you think we should draw the line between enforcing conventions for consistency and leaving room for flexibility in individual contributions?

Balancing Conventions and Flexibility in Large Codebases]]> I’m curious about your thoughts on balancing conventions in large codebases. For context, I’m working in a project with ~20 developers across four separate teams. Where do you think we should draw the line between enforcing conventions for consistency and leaving room for flexibility in individual contributions?

Balancing Conventions and Flexibility in Large Codebases]]> Fri, 06 Dec 2024 15:29:14 -0700 Kent C. Dodds Kent C. Dodds 414 Maciek asked this on 2024-11-24 Maciek asked this on 2024-11-24 conventions, coding standards, best practices No I'm a React dev... What now? 4 4 50 50 I'm a React dev... What now? full 2dd16d87-a5e5-43ec-935b-8b4c322fc5d7 https://kentcdodds.com/calls/04/50/i-m-a-react-dev-what-now I build UI and UX for a company using React. What should I do next? How do I get to the senior level?

I'm a React dev... What now?]]> I build UI and UX for a company using React. What should I do next? How do I get to the senior level?

I'm a React dev... What now?]]> Thu, 05 Dec 2024 10:03:35 -0700 Kent C. Dodds Kent C. Dodds 326 Hector asked this on 2024-10-14 Hector asked this on 2024-10-14 career path, senior developer, learning, growth No How to keep Type-Safety when defering data from a Remix loader 4 4 49 49 How to keep Type-Safety when defering data from a Remix loader full 024d2547-f838-413e-8805-0cebf59d8f87 https://kentcdodds.com/calls/04/49/how-to-keep-type-safety-when-defering-data-from-a-remix-loader While using the defer utility on a loader, the result useLoaderData hook on the component, does not have proper types any more, and im looking a effective way to keep my types chilling

How to keep Type-Safety when defering data from a Remix loader]]> While using the defer utility on a loader, the result useLoaderData hook on the component, does not have proper types any more, and im looking a effective way to keep my types chilling

How to keep Type-Safety when defering data from a Remix loader]]> Tue, 10 Sep 2024 11:22:24 -0600 Kent C. Dodds Kent C. Dodds 261 Dago asked this on 2024-09-03 Dago asked this on 2024-09-03 remix, defer, typescript No Good open source projects implementing frontend testing strategy 4 4 48 48 Good open source projects implementing frontend testing strategy full 00a86d89-9950-4f43-894f-64dda4b8dd13 https://kentcdodds.com/calls/04/48/good-open-source-projects-implementing-frontend-testing-strategy What are good examples of open source projects implementing extensive automated testing strategy for frontend?

Good open source projects implementing frontend testing strategy]]> What are good examples of open source projects implementing extensive automated testing strategy for frontend?

Good open source projects implementing frontend testing strategy]]> Thu, 08 Aug 2024 09:27:53 -0600 Kent C. Dodds Kent C. Dodds 223 Andrey asked this on 2024-07-24 Andrey asked this on 2024-07-24 testing, open source No Should I learn GraphQL or just stick with REST? 4 4 47 47 Should I learn GraphQL or just stick with REST? full 71a34a32-3cc4-4a64-bf2b-5523cc19a45e https://kentcdodds.com/calls/04/47/should-i-learn-graph-ql-or-just-stick-with-rest When we have to learn GraphQL? Is it worth to learn it or REST APIs are enough?

Should I learn GraphQL or just stick with REST?]]> When we have to learn GraphQL? Is it worth to learn it or REST APIs are enough?

Should I learn GraphQL or just stick with REST?]]> Thu, 11 Jul 2024 12:23:06 -0600 Kent C. Dodds Kent C. Dodds 170 Muhammad Zunnoorain Rafi asked this on 2024-07-01 Muhammad Zunnoorain Rafi asked this on 2024-07-01 GraphQL,rest No React Components vs Progressive Enhancement 4 4 46 46 React Components vs Progressive Enhancement full 807cf7e1-68f8-4c1f-91d6-499ac22f8bec https://kentcdodds.com/calls/04/46/react-components-vs-progressive-enhancement Hi, Kent, my name is Alex. On one hand, you advocate for implementing Progressive Enhancement technique for applications. On the other hand, even in Epic Stack, the use of custom React components is justified, even for a simple checkbox, which essentially makes the application non-functional without JavaScript. So, I'm struggling to decide whether it's worth trying to develop a Progressive Enhancement UX at this time or if it's still an unattainable ideal.

React Components vs Progressive Enhancement]]> Hi, Kent, my name is Alex. On one hand, you advocate for implementing Progressive Enhancement technique for applications. On the other hand, even in Epic Stack, the use of custom React components is justified, even for a simple checkbox, which essentially makes the application non-functional without JavaScript. So, I'm struggling to decide whether it's worth trying to develop a Progressive Enhancement UX at this time or if it's still an unattainable ideal.

React Components vs Progressive Enhancement]]> Wed, 19 Jun 2024 11:58:45 -0600 Kent C. Dodds Kent C. Dodds 272 Igor asked this on 2024-06-16 Igor asked this on 2024-06-16 react, components, progressive enhancement, epic stack No Test Cleanup: in the test or in afterEach 4 4 45 45 Test Cleanup: in the test or in afterEach full ef4c8cee-a622-431d-b60f-93a0a774692e https://kentcdodds.com/calls/04/45/test-cleanup-in-the-test-or-in-after-each My coworker were in an argument about where test cleanup should go (afterEach, or in the test?), and I thought you might have some great insights!

Test Cleanup: in the test or in afterEach]]> My coworker were in an argument about where test cleanup should go (afterEach, or in the test?), and I thought you might have some great insights!

Test Cleanup: in the test or in afterEach]]> Tue, 18 Jun 2024 07:33:16 -0600 Kent C. Dodds Kent C. Dodds 460 Danny asked this on 2024-06-06 Danny asked this on 2024-06-06 testing, test cleanup, afterEach No How many hours do you spend coding? 4 4 44 44 How many hours do you spend coding? full 379b24a2-8551-4318-a972-5acdc10bcfd2 https://kentcdodds.com/calls/04/44/how-many-hours-do-you-spend-coding simple question on time commitments to coding.

How many hours do you spend coding?

]]> simple question on time commitments to coding.

How many hours do you spend coding?

]]> Thu, 06 Jun 2024 10:58:12 -0600 Kent C. Dodds Kent C. Dodds 316 Faruq asked this on 2024-06-05 Faruq asked this on 2024-06-05 time commitments No Remix Vite: Debugging Production issues 4 4 43 43 Remix Vite: Debugging Production issues full d5155de5-c627-4ea6-bc30-22acc3ec714a https://kentcdodds.com/calls/04/43/remix-vite-in-production My Remix Vite App Has Slow Initial Requests that takes up to 10 minutes loading the page then it will serve pages faster after that event if change devices

Remix Vite In Production

]]> My Remix Vite App Has Slow Initial Requests that takes up to 10 minutes loading the page then it will serve pages faster after that event if change devices

Remix Vite In Production

]]> Wed, 05 Jun 2024 07:29:20 -0600 Kent C. Dodds Kent C. Dodds 254 Francis asked this on 2024-06-04 Francis asked this on 2024-06-04 Remix Vite, Production, Remix Custom Server, Timeout, Vercel, production performance debugging No Inspired by Your Work 4 4 42 42 Inspired by Your Work full 91310d29-507f-4750-b321-0b81e82ef722 https://kentcdodds.com/calls/04/42/inspired-by-your-work Hi Kent,

My name is Mahdi Nazari, and I've admired your work for the past year. Your website has been a wellspring of inspiration, particularly your unique lifestyle and the impactful way you're shaping the world. To sum up, I really love it.

As a graduate Geographic Information Systems (GIS) graduate student, I've had the pleasure of utilizing your JS libraries in my projects. They've proven to be invaluable tools.

Currently, I'm embarking on a journey to build my brand, a platform to share my mission, passions, and more. Your approach resonates deeply with me – it offers a compelling way to communicate my values and ignite a spark in others.

If you were starting your brand from scratch today, what pearls of wisdom would you offer someone embarking on a similar path? Is there any course or book or someone who can help me in this path?

Any insights you could provide would be immensely valuable.

Thank you for your time and for the constant inspiration you provide,

Mahdi Nazari

Inspired by Your Work

]]> Hi Kent,

My name is Mahdi Nazari, and I've admired your work for the past year. Your website has been a wellspring of inspiration, particularly your unique lifestyle and the impactful way you're shaping the world. To sum up, I really love it.

As a graduate Geographic Information Systems (GIS) graduate student, I've had the pleasure of utilizing your JS libraries in my projects. They've proven to be invaluable tools.

Currently, I'm embarking on a journey to build my brand, a platform to share my mission, passions, and more. Your approach resonates deeply with me – it offers a compelling way to communicate my values and ignite a spark in others.

If you were starting your brand from scratch today, what pearls of wisdom would you offer someone embarking on a similar path? Is there any course or book or someone who can help me in this path?

Any insights you could provide would be immensely valuable.

Thank you for your time and for the constant inspiration you provide,

Mahdi Nazari

Inspired by Your Work

]]> Fri, 10 May 2024 11:55:26 -0600 Kent C. Dodds Kent C. Dodds 383 Mahdi asked this on 2024-05-10 Mahdi asked this on 2024-05-10 kentcdodds.com, branding,values No When to add a CSP (Content Security Policy) 4 4 41 41 When to add a CSP (Content Security Policy) full 0836da44-bbed-490b-af90-36bbd82ef874 https://kentcdodds.com/calls/04/41/when-to-add-a-csp-content-security-policy Should one consider CSP at the very early stage of starting a new website or under what conditions should one consider implementing CSP.

When to add a CSP (Content Security Policy)]]> Should one consider CSP at the very early stage of starting a new website or under what conditions should one consider implementing CSP.

When to add a CSP (Content Security Policy)]]> Thu, 02 May 2024 09:57:51 -0600 Kent C. Dodds Kent C. Dodds 321 Lance asked this on 2024-04-25 Lance asked this on 2024-04-25 csp,website,security No Do generated types from OpenAPI spec change testing? 4 4 40 40 Do generated types from OpenAPI spec change testing? full 90f1d758-4b7d-4f03-9c1e-202e372ee71b https://kentcdodds.com/calls/04/40/do-generated-types-from-open-api-spec-change-testing Hey Kent! I've been thinking about something lately. I've worked at a number of different sass companies and something that is always an interesting problem is how we end-to-end test a software application that has a UI.

I love the idea of testing for confidence and, to that end, I've been wondering how we might begin to shift our thinking about confidence testing when we use some communication protocol, like GRPc or OpenAPI to and use those protocols to generate things like static types.

If a backend and frontend are both very well integration tested and the both use auto-generated types from the same spec file, how much e2e testing do we really need? It seems like the spec file would help bridge that confidence gap a lot for us.

I worked at a relatively large sass company once and we had about 300 e2e tests that ran on every PR. It took way too long, but we had a very high level of confidence when we shipped code. We had integration tests too, but I wonder as I reflect on that experience, should we have focused way more on integration tests and integration testing larger features of the software knowing that we had type safety from the communication protocols we used.

Really hoping to hear back from you! I respect your thoughts on testing a lot and I'm a long time consumer of your open source libraries and ideas.

Do generated types from OpenAPI spec change testing?]]> Hey Kent! I've been thinking about something lately. I've worked at a number of different sass companies and something that is always an interesting problem is how we end-to-end test a software application that has a UI.

I love the idea of testing for confidence and, to that end, I've been wondering how we might begin to shift our thinking about confidence testing when we use some communication protocol, like GRPc or OpenAPI to and use those protocols to generate things like static types.

If a backend and frontend are both very well integration tested and the both use auto-generated types from the same spec file, how much e2e testing do we really need? It seems like the spec file would help bridge that confidence gap a lot for us.

I worked at a relatively large sass company once and we had about 300 e2e tests that ran on every PR. It took way too long, but we had a very high level of confidence when we shipped code. We had integration tests too, but I wonder as I reflect on that experience, should we have focused way more on integration tests and integration testing larger features of the software knowing that we had type safety from the communication protocols we used.

Really hoping to hear back from you! I respect your thoughts on testing a lot and I'm a long time consumer of your open source libraries and ideas.

Do generated types from OpenAPI spec change testing?]]> Mon, 29 Apr 2024 12:18:47 -0600 Kent C. Dodds Kent C. Dodds 410 Jordan asked this on 2024-04-10 Jordan asked this on 2024-04-10 Testing, End-to-end, openapi, trophy, pyramid No Prevent revalidation of remix loaders after mutation 4 4 39 39 Prevent revalidation of remix loaders after mutation full 1e702399-3dc4-44bb-ae7b-de232274278e https://kentcdodds.com/calls/04/39/unwanted-loader-reloading-using-fetcher-form-in-shared-folder Hello Kent, here is a transcription of my message, if you did not catch something. Thanks! I have a component that im importing in a dashboard folder in an index.js file. I'm using fetcher.form to submit a form with the Post method. the request is succesful, but when I click on sumbit, this reloads all of the requests of my loaders from different components that are being rendered in the dashboard folder. how can I avoid the reload of unrelated loaders in the same folder (dashboard)?

Unwanted loader reloading using fetcher.form in shared folder.

]]> Hello Kent, here is a transcription of my message, if you did not catch something. Thanks! I have a component that im importing in a dashboard folder in an index.js file. I'm using fetcher.form to submit a form with the Post method. the request is succesful, but when I click on sumbit, this reloads all of the requests of my loaders from different components that are being rendered in the dashboard folder. how can I avoid the reload of unrelated loaders in the same folder (dashboard)?

Unwanted loader reloading using fetcher.form in shared folder.

]]> Thu, 25 Apr 2024 11:26:35 -0600 Kent C. Dodds Kent C. Dodds 245 Lady asked this on 2024-04-01 Lady asked this on 2024-04-01 fetcher.form, submit, loader, remix,shouldRevalidate No Design the React component library 4 4 38 38 Design the React component library full 7fcd56f0-2422-4dce-9fdd-f763dc9ab026 https://kentcdodds.com/calls/04/38/design-the-react-component-library How to develop component library which can easily adapt multiple design languages

Design the React component library

]]> How to develop component library which can easily adapt multiple design languages

Design the React component library

]]> Wed, 03 Apr 2024 12:07:57 -0600 Kent C. Dodds Kent C. Dodds 287 Ram Krishna asked this on 2024-04-01 Ram Krishna asked this on 2024-04-01 react, component-library, styling No SEO Optimization and Hosting 4 4 37 37 SEO Optimization and Hosting full 82c85967-fa69-40ae-ad8a-6c50c21610d0 https://share.transistor.fm/s/e438d110 Seeking advice on optimizing website hosting for SEO with Remix.

]]> Seeking advice on optimizing website hosting for SEO with Remix.

]]> Thu, 29 Feb 2024 10:50:14 -0700 Kent C. Dodds Kent C. Dodds 498 Irakli asked this on 2024-02-29 Irakli asked this on 2024-02-29 SEO optimization, website hosting, Remix, search engine crawling No Progress bar for mutations in Remix 4 4 36 36 Progress bar for mutations in Remix full 1c9e9a04-7d38-4917-a340-87a25f90a9cc https://kentcdodds.com/calls/04/36/progress-bar-for-mutations-in-remix Hi Kent!

How do you create a progress bar for actions in Remix?

Like if a request takes maybe 10 or 20 seconds to finish and you want to give your users some feedback that things are progressing?

Best regards, Jan

Progress bar for mutations in Remix]]> Hi Kent!

How do you create a progress bar for actions in Remix?

Like if a request takes maybe 10 or 20 seconds to finish and you want to give your users some feedback that things are progressing?

Best regards, Jan

Progress bar for mutations in Remix]]> Fri, 09 Feb 2024 16:35:09 -0700 Kent C. Dodds Kent C. Dodds 553 Jan asked this on 2024-02-08 Jan asked this on 2024-02-08 remix, actions, progress bar No Mocking in the full stack metaframework Era 4 4 35 35 Mocking in the full stack metaframework Era full ad56d9ab-3797-438f-bd6b-47e873894dc9 https://kentcdodds.com/calls/04/35/mocking-in-the-full-stack-metaframework-era When we were building client side application mocking during e2e tests was a bit easier because you could just monkey patch fetch and call it a day. Today we also control the server so the line has a bit shifted. There are solutions, like MSW, to mock on the server side too but what if instead of an API call you query a db?

Mocking in the full stack metaframework Era]]> When we were building client side application mocking during e2e tests was a bit easier because you could just monkey patch fetch and call it a day. Today we also control the server so the line has a bit shifted. There are solutions, like MSW, to mock on the server side too but what if instead of an API call you query a db?

Mocking in the full stack metaframework Era]]> Thu, 08 Feb 2024 09:56:09 -0700 Kent C. Dodds Kent C. Dodds 614 Paolo asked this on 2024-02-02 Paolo asked this on 2024-02-02 testing, mocking, e2e, fullstack No How do you create advanced content for developers 4 4 34 34 How do you create advanced content for developers full baac4ac1-484a-406a-9917-179a6dff4850 https://kentcdodds.com/calls/04/34/how-do-you-create-advanced-content-for-developers The content for new developers is everywhere, but finding quality insight that helps you level to senior and above is hard to come by. This is in part because such content is difficult and time consuming to make. What goes into making such content and is there a lack of it in our industry?

How do you create advanced content for developers]]> The content for new developers is everywhere, but finding quality insight that helps you level to senior and above is hard to come by. This is in part because such content is difficult and time consuming to make. What goes into making such content and is there a lack of it in our industry?

How do you create advanced content for developers]]> Mon, 29 Jan 2024 11:28:40 -0700 Kent C. Dodds Kent C. Dodds 594 Ryan asked this on 2024-01-26 Ryan asked this on 2024-01-26 Content, senior, career, growth No A Button Per form or One Form with Multiple Buttons 4 4 33 33 A Button Per form or One Form with Multiple Buttons full 5b946550-9705-460c-92a6-f6ffc4d634d2 https://kentcdodds.com/calls/04/33/a-button-per-form-or-one-form-with-multiple-buttons Hi Kent,

It's Jan 👋

When creating a dropdown menu (e.g. to pick a role in an organization), would you wrap the whole menu in a form tag and then render multiple buttons within that form (one for each role)? Or would you render multiple forms (one for each role) with each having their own submit button?

Thanks a ton if you answer!

Best regards, Jan

A Button Per form or One Form with Multiple Buttons]]> Hi Kent,

It's Jan 👋

When creating a dropdown menu (e.g. to pick a role in an organization), would you wrap the whole menu in a form tag and then render multiple buttons within that form (one for each role)? Or would you render multiple forms (one for each role) with each having their own submit button?

Thanks a ton if you answer!

Best regards, Jan

A Button Per form or One Form with Multiple Buttons]]> Fri, 26 Jan 2024 14:30:45 -0700 Kent C. Dodds Kent C. Dodds 290 Jan asked this on 2024-01-23 Jan asked this on 2024-01-23 forms, multiple forms, dropdown No Toasts in Remix 4 4 32 32 Toasts in Remix full f5e142ed-6aa9-4cd5-88f9-4b44e91da101 https://kentcdodds.com/calls/04/32/toasts-in-remix Hi Kent,

It's Jan.

I'm currently working on implementing toasts in a Remix app. I was using the Epic Stack as a reference.

BTW, thank you for creating it, it's so nice to take some features and functionalities from it when you need them!

Anyways, it looks like the implementation of the toast in the Epic Stack does NOT work with JavaScript disabled. But theoretically, you could make toasts in Remix progressively enhanced by giving the close button a form and prevent default when JavaScript is enabled.

It looks like the library you're using in the Epic Stack - Sonner - does NOT expose the close button, so you can't progressively enhance it.

Was it a conscious decision to make the toast JavaScript only? Or let me ask the decision more openly, what are your thoughts on this?

As always, thanks a ton!

Toasts in Remix]]> Hi Kent,

It's Jan.

I'm currently working on implementing toasts in a Remix app. I was using the Epic Stack as a reference.

BTW, thank you for creating it, it's so nice to take some features and functionalities from it when you need them!

Anyways, it looks like the implementation of the toast in the Epic Stack does NOT work with JavaScript disabled. But theoretically, you could make toasts in Remix progressively enhanced by giving the close button a form and prevent default when JavaScript is enabled.

It looks like the library you're using in the Epic Stack - Sonner - does NOT expose the close button, so you can't progressively enhance it.

Was it a conscious decision to make the toast JavaScript only? Or let me ask the decision more openly, what are your thoughts on this?

As always, thanks a ton!

Toasts in Remix]]> Tue, 16 Jan 2024 09:46:23 -0700 Kent C. Dodds Kent C. Dodds 398 Jan asked this on 2024-01-16 Jan asked this on 2024-01-16 remix, toasts, progressive enhancement No Unpaid internships and indentured servitude 4 4 31 31 Unpaid internships and indentured servitude full 2152f814-0ffb-439a-acd2-7f1df47f5768 https://kentcdodds.com/calls/04/31/unpaid-internships-and-indentured-servitude So, recently I started looking for my first software job. The first offer I received was from a company looking for an intern. The internship had the following conditions: 1) the first 3 months of it are unpaid 2) you have to sign a contract after the 1st month of it that obligates you to stay at the company 2 years after the internship is ended. I rejected it because I felt like you never know what that company may turn out to be. For example, it may try to exploit you and pay you the bare minimum for the job you're doing preventing your career growth and your only option may be to wait for that contract to expire and then start looking for a higher position at another company. I'd like to ask your opinion about:

  • unpaid internships
  • internships that obligate you to stay at the company for 1 or 2 years once the internship is ended
  • companies that follow both of these practices
Unpaid internships and indentured servitude]]> So, recently I started looking for my first software job. The first offer I received was from a company looking for an intern. The internship had the following conditions: 1) the first 3 months of it are unpaid 2) you have to sign a contract after the 1st month of it that obligates you to stay at the company 2 years after the internship is ended. I rejected it because I felt like you never know what that company may turn out to be. For example, it may try to exploit you and pay you the bare minimum for the job you're doing preventing your career growth and your only option may be to wait for that contract to expire and then start looking for a higher position at another company. I'd like to ask your opinion about:

  • unpaid internships
  • internships that obligate you to stay at the company for 1 or 2 years once the internship is ended
  • companies that follow both of these practices
Unpaid internships and indentured servitude]]> Mon, 15 Jan 2024 11:12:04 -0700 Kent C. Dodds Kent C. Dodds 296 Petar asked this on 2024-01-15 Petar asked this on 2024-01-15 internship, contract, unpaid No It's fine to re-render 4 4 30 30 It's fine to re-render full bbe3e14d-c8bc-471b-bdad-3db837369a16 https://kentcdodds.com/calls/04/30/its-fine-to-re-render My question is around the optimization techniques that a lot of people apply to React apps. I see very often how devs focus on executing their components only once or twice. What I think matters at the end is if there any changes in the actual DOM tree. If not they in theory should be ok to see your functional components fired many times.

It's fine to re-render]]> My question is around the optimization techniques that a lot of people apply to React apps. I see very often how devs focus on executing their components only once or twice. What I think matters at the end is if there any changes in the actual DOM tree. If not they in theory should be ok to see your functional components fired many times.

It's fine to re-render]]> Fri, 12 Jan 2024 08:20:20 -0700 Kent C. Dodds Kent C. Dodds 596 Krasimir asked this on 2024-01-12 Krasimir asked this on 2024-01-12 react, performance No Data Structures and Algorithms 4 4 29 29 Data Structures and Algorithms full 4204ecdd-a0e3-40ee-a6a0-d70c8a5a8333 https://kentcdodds.com/calls/04/29/data-structures-and-algorithms Is Data Structures and Algorithms is necessary to become a successful full-stack engineer?

Data Structures and Algorithms]]> Is Data Structures and Algorithms is necessary to become a successful full-stack engineer?

Data Structures and Algorithms]]> Mon, 08 Jan 2024 08:55:10 -0700 Kent C. Dodds Kent C. Dodds 266 Muhammad Zunnoorain Rafi asked this on 2023-11-28 Muhammad Zunnoorain Rafi asked this on 2023-11-28 Data Structures and Algorithms ,DSA, Problem solving. No Remix Flat Routes vs Remix v2 Router 4 4 28 28 Remix Flat Routes vs Remix v2 Router full 95f4587b-b97b-47d5-ad06-64a50f056655 https://kentcdodds.com/calls/04/28/remix-flat-routes-vs-remix-v2-router What are the pros and cons of the flat routes vs the v2 router? Are you planning to switch at some point?

Remix Flat Routes vs Remix v2 Router]]> What are the pros and cons of the flat routes vs the v2 router? Are you planning to switch at some point?

Remix Flat Routes vs Remix v2 Router]]> Fri, 05 Jan 2024 12:37:04 -0700 Kent C. Dodds Kent C. Dodds 326 Zane asked this on 2023-11-21 Zane asked this on 2023-11-21 remix router,flat routes,router,routes No Generating CSS with Remix Resource Routes 4 4 27 27 Generating CSS with Remix Resource Routes full 52be6306-dc7d-44f4-9ff7-06d48587306c https://kentcdodds.com/calls/04/27/generating-css-with-remix-resource-routes Hi Kent. I am building an app where product sellers can add their products and they by default get a website listing their products.

On the app can make some basic customizations for their store website such as color, border radius etc. And each store owner's website is a subdomain. e.g kentstore.xyz.com

I am using remix for the stores. On page load, I want to fetch the styling config for the website from the db.

What would be the best approach for this ?. Your insight would be very valuable to me

I look forward to your response.

PS: I am totally loving the epic-web course. You're simply amazing.

Generating CSS with Remix Resource Routes]]> Hi Kent. I am building an app where product sellers can add their products and they by default get a website listing their products.

On the app can make some basic customizations for their store website such as color, border radius etc. And each store owner's website is a subdomain. e.g kentstore.xyz.com

I am using remix for the stores. On page load, I want to fetch the styling config for the website from the db.

What would be the best approach for this ?. Your insight would be very valuable to me

I look forward to your response.

PS: I am totally loving the epic-web course. You're simply amazing.

Generating CSS with Remix Resource Routes]]> Thu, 04 Jan 2024 08:59:54 -0700 Kent C. Dodds Kent C. Dodds 292 Tomiwa Ajayi asked this on 2023-12-31 Tomiwa Ajayi asked this on 2023-12-31 styling, remix, json-config No Using Downshift with Conform to manage an input 4 4 26 26 Using Downshift with Conform to manage an input full dcc17f17-0686-4c4c-91ad-3a3718916125 https://kentcdodds.com/calls/04/26/using-downshift-with-conform-to-manage-an-input Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Using Downshift with Conform to manage an input]]> Hi Kent ! I'm Virgile, big fan of your work, and I have a question regarding your article 'Full Stack Component'.

I am currently using a combobox, managed by useCombobox from the downshift library.

But I would like conform to take over the input props management, while still getting the autocomplete features.

I'm curious how you would implement it.

Using Downshift with Conform to manage an input]]> Wed, 03 Jan 2024 09:51:13 -0700 Kent C. Dodds Kent C. Dodds 382 Virgile asked this on 2023-11-21 Virgile asked this on 2023-11-21 conform, remix, downshift, full stack components No Jake Lazaroff’s article on Web Components 4 4 25 25 Jake Lazaroff’s article on Web Components full f9b78800-581a-43d3-b908-c0d23dc6582b https://kentcdodds.com/calls/04/25/jake-lazaroff-s-article-on-web-components Curious about your thoughts on this article Web Components Will Outlive Your JavaScript Framework

Jake Lazaroff’s article on Web Components]]> Curious about your thoughts on this article Web Components Will Outlive Your JavaScript Framework

Jake Lazaroff’s article on Web Components]]> Tue, 19 Dec 2023 14:12:32 -0700 Kent C. Dodds Kent C. Dodds 469 Román asked this on 2023-10-27 Román asked this on 2023-10-27 frameworks, javascript, standards, md, web components No Code Organization in Full Stack Apps 4 4 24 24 Code Organization in Full Stack Apps full 6eca122c-f11f-4007-bf76-31588ad55268 https://kentcdodds.com/calls/04/24/code-organization-in-full-stack-apps Do you have some best practices for scale Remix applications with Prisma regarding testability, reusability, and separation of concerns? When do you decide to move functions and business logic from loaders and actions to a .server file? Do you have functions like getUsers in a user.server file or do you call the database directly in the loaders?

Code Organization in Full Stack Apps]]> Do you have some best practices for scale Remix applications with Prisma regarding testability, reusability, and separation of concerns? When do you decide to move functions and business logic from loaders and actions to a .server file? Do you have functions like getUsers in a user.server file or do you call the database directly in the loaders?

Code Organization in Full Stack Apps]]> Tue, 21 Nov 2023 10:31:19 -0700 Kent C. Dodds Kent C. Dodds 257 Christian asked this on 2023-10-17 Christian asked this on 2023-10-17 scale,remix,architecture,best,practices No Client Hints and profiling 4 4 23 23 Client Hints and profiling full 28758597-f14b-4bd1-af8b-f335b7acbc9f https://kentcdodds.com/calls/04/23/client-hints-and-profiling Can home made client hints like the one you are using in Epic Web Stack be seen as profiling?

Client Hints and profiling]]> Can home made client hints like the one you are using in Epic Web Stack be seen as profiling?

Client Hints and profiling]]> Thu, 16 Nov 2023 09:57:53 -0700 Kent C. Dodds Kent C. Dodds 261 Paolo asked this on 2023-10-05 Paolo asked this on 2023-10-05 cookies, client, hints No Building and Testing an MDX-based Blog 4 4 22 22 Building and Testing an MDX-based Blog full b71c898f-cd4e-4f43-9900-868a550b2ee8 https://kentcdodds.com/calls/04/22/building-and-testing-an-mdx-based-blog What is a good way to test fs modules and why converting MDX on runtime is better than runtime.

Building and Testing an MDX-based Blog]]> What is a good way to test fs modules and why converting MDX on runtime is better than runtime.

Building and Testing an MDX-based Blog]]> Fri, 27 Oct 2023 09:39:05 -0600 Kent C. Dodds Kent C. Dodds 418 fd asked this on 2023-10-01 fd asked this on 2023-10-01 testing, mdx, markdown No EpicWeb.dev is now available! 4 4 21 21 EpicWeb.dev is now available! full 924841dc-51de-4f9d-8cdd-53ffa4ad757f https://kentcdodds.com/calls/04/21/epic-web-dev-is-now-available Yes, this is Kent calling himself. I just wanted to let all subscribers to the podcast know that https://EpicWeb.dev is available today!

EpicWeb.dev is now available!]]> Yes, this is Kent calling himself. I just wanted to let all subscribers to the podcast know that https://EpicWeb.dev is available today!

EpicWeb.dev is now available!]]> Wed, 18 Oct 2023 11:50:32 -0600 Kent C. Dodds Kent C. Dodds 150 Kent asked this on 2023-10-18 Kent asked this on 2023-10-18 Birthday, epic web No What is full stack for EpicWeb.dev? 4 4 20 20 What is full stack for EpicWeb.dev? full 6d689bfd-da8c-49cd-8984-342d45f3de55 https://kentcdodds.com/calls/04/20/what-is-full-stack-for-epic-web-dev What do you consider full stack? E.g. some people think that full-stack should include devOps, some don't. What do you think? And does EpicWeb consider devOps to be apart full stack?

What is full stack for EpicWeb.dev? ]]> What do you consider full stack? E.g. some people think that full-stack should include devOps, some don't. What do you think? And does EpicWeb consider devOps to be apart full stack?

What is full stack for EpicWeb.dev? ]]> Tue, 10 Oct 2023 10:23:05 -0600 Kent C. Dodds Kent C. Dodds 190 Brian asked this on 2023-10-10 Brian asked this on 2023-10-10 EpicWeb, Full-stack, devOps No Improving as a software engineer 4 4 19 19 Improving as a software engineer full c84903fd-e954-462a-804c-0833eea64a62 https://kentcdodds.com/calls/04/19/improving-as-a-software-engineer Foundational knowledge needed to build complex systems in software

Improving as a software engineer]]> Foundational knowledge needed to build complex systems in software

Improving as a software engineer]]> Fri, 22 Sep 2023 13:23:16 -0600 Kent C. Dodds Kent C. Dodds 385 Jordan asked this on 2023-09-15 Jordan asked this on 2023-09-15 Algorithm, design patterns, improvement, software foundations No Why didn't you break root.tsx into smaller components? 4 4 18 18 Why didn't you break root.tsx into smaller components? full 14665b68-3b19-4b15-bd08-3b2eb16fc3a0 https://kentcdodds.com/calls/04/18/why-didnt-you-break-root-tsx-into-smaller-components root.tsx is over 300 lines. Is there a reason for keeping all the functions in one file? Why don't you split each function in separate a file and import it?

Why didn't you break root.tsx into smaller components? ]]> root.tsx is over 300 lines. Is there a reason for keeping all the functions in one file? Why don't you split each function in separate a file and import it?

Why didn't you break root.tsx into smaller components? ]]> Thu, 21 Sep 2023 14:06:56 -0600 Kent C. Dodds Kent C. Dodds 190 Jake asked this on 2023-09-06 Jake asked this on 2023-09-06 design principle No Am I stuck in tutorial heck? 4 4 17 17 Am I stuck in tutorial heck? full 6d26c900-95e3-4beb-aba6-5eac0eab8fd4 https://kentcdodds.com/calls/04/17/am-i-stuck-in-tutorial-heck Recently I quit my job as frontend development instructor and I'm aiming to get a job as frontend developer. Before I apply for job openings I'm planning to go through several courses, create complex projects for my portfolio and only then apply for the job.

My friends are saying I'm overcomplicating the process and I may get into the flow after I got the work. But as I'm aiming at middle level positions, I want to prepare as much time, as much my budget allows. So I can negotiate salary well with employers and will be more valuable worker.

What are your thoughts on this?

Am I stuck in tutorial heck?]]> Recently I quit my job as frontend development instructor and I'm aiming to get a job as frontend developer. Before I apply for job openings I'm planning to go through several courses, create complex projects for my portfolio and only then apply for the job.

My friends are saying I'm overcomplicating the process and I may get into the flow after I got the work. But as I'm aiming at middle level positions, I want to prepare as much time, as much my budget allows. So I can negotiate salary well with employers and will be more valuable worker.

What are your thoughts on this?

Am I stuck in tutorial heck?]]> Tue, 12 Sep 2023 09:01:21 -0600 Kent C. Dodds Kent C. Dodds 397 Mukhammadjavokhirbek asked this on 2023-09-01 Mukhammadjavokhirbek asked this on 2023-09-01 tutorial hell, job preparation, middle frontend developer, portfolio No Scaling Epic-Stack in a single region 4 4 16 16 Scaling Epic-Stack in a single region full 8ba86f77-e449-4372-abfa-1ffa8d739150 https://kentcdodds.com/calls/04/16/scaling-epic-stack-in-a-single-region Hi Kent, my name is Tim,

I have a few questions regarding scaling the Epic Stack within a single region.

With the assumption that we are having huge amount of users in one region, my question is would you recommend switching to other database technologies or would you have multiple SQLite replicas in the same region, with each of them being connected to remix apps in a 1-1 manner

My second question is, assuming that we have the epic stack setup, what would you do if one remix server can't just keep up anymore with the load. Would you introduce caching or any types of application or additional threads to distribute and keep up with the work load

Thank you

Scaling Epic-Stack in a single region]]> Hi Kent, my name is Tim,

I have a few questions regarding scaling the Epic Stack within a single region.

With the assumption that we are having huge amount of users in one region, my question is would you recommend switching to other database technologies or would you have multiple SQLite replicas in the same region, with each of them being connected to remix apps in a 1-1 manner

My second question is, assuming that we have the epic stack setup, what would you do if one remix server can't just keep up anymore with the load. Would you introduce caching or any types of application or additional threads to distribute and keep up with the work load

Thank you

Scaling Epic-Stack in a single region]]> Mon, 11 Sep 2023 22:51:37 -0600 Kent C. Dodds Kent C. Dodds 309 Aqwz asked this on 2023-08-31 Aqwz asked this on 2023-08-31 Scaling, Epic-Stack, SQLite, Caching, Threads No React Lazy initializers Call Order 4 4 15 15 React Lazy initializers Call Order full 68b83cc3-77d9-4ac4-af4f-6c11be2469bf https://kentcdodds.com/calls/04/15/react-lazy-initializers-call-order I am seeing Lazy initializers are not calling first, but in the diagram it motioned it calls first

React Lazy initializers Call Order]]> I am seeing Lazy initializers are not calling first, but in the diagram it motioned it calls first

React Lazy initializers Call Order]]> Thu, 31 Aug 2023 17:41:23 -0600 Kent C. Dodds Kent C. Dodds 159 Mahesh Reddy asked this on 2023-08-24 Mahesh Reddy asked this on 2023-08-24 React Lazy initializers are not calling initially No How do you approach major project updates 4 4 14 14 How do you approach major project updates full 1b8b8240-5e21-46d2-a1ed-8e26e7006708 https://kentcdodds.com/calls/04/14/how-do-you-approach-major-project-updates I would love to hear your thoughts on approaching major project refactors. We all have been in that situation where you want to use the newest things available, but the codebase is really old. Do you create a new project? Do you try to update component by component? Is there a "don't go that route"?

How do you approach major project updates]]> I would love to hear your thoughts on approaching major project refactors. We all have been in that situation where you want to use the newest things available, but the codebase is really old. Do you create a new project? Do you try to update component by component? Is there a "don't go that route"?

How do you approach major project updates]]> Tue, 29 Aug 2023 15:18:38 -0600 Kent C. Dodds Kent C. Dodds 436 Ivo asked this on 2023-08-23 Ivo asked this on 2023-08-23 legacy code, refactoring, updating code No Organizing your first workshop 4 4 13 13 Organizing your first workshop full 73729adb-5cad-4909-a014-8e8f531e40f2 https://kentcdodds.com/calls/04/13/organizing-your-first-workshop I was approached recently to give a full-day workshop at a conference I'm excited about. But... how hard is it to organize a curriculum? What questions should I ask the organizers ahead-of-time before saying yes?

Organizing your first workshop]]> I was approached recently to give a full-day workshop at a conference I'm excited about. But... how hard is it to organize a curriculum? What questions should I ask the organizers ahead-of-time before saying yes?

Organizing your first workshop]]> Fri, 25 Aug 2023 09:14:18 -0600 Kent C. Dodds Kent C. Dodds 1707 Ben asked this on 2023-08-25 Ben asked this on 2023-08-25 workshops, conferences, teaching No Conform sets novalidate & validation attributes? 4 4 12 12 Conform sets novalidate & validation attributes? full 4ea4163b-dda8-4a13-b3e2-9a00a9b46629 https://kentcdodds.com/calls/04/12/conform-sets-novalidate-and-validation-attributes Hey, Kent! I'm trying out @conform-to/react, specifically the useForm hook. I noticed that it sets novalidate: true on the form even if JavaScript is disabled. I'm wondering: Why does it add validation attributes to the inputs then if they're not being used for validation anyway, regardless of whether JavaScript is enabled or not?

Conform sets novalidate & validation attributes?]]> Hey, Kent! I'm trying out @conform-to/react, specifically the useForm hook. I noticed that it sets novalidate: true on the form even if JavaScript is disabled. I'm wondering: Why does it add validation attributes to the inputs then if they're not being used for validation anyway, regardless of whether JavaScript is enabled or not?

Conform sets novalidate & validation attributes?]]> Thu, 24 Aug 2023 09:02:58 -0600 Kent C. Dodds Kent C. Dodds 276 Petar asked this on 2023-08-10 Petar asked this on 2023-08-10 conform, remix, validation No My skill stuck at current job, should I quit? 4 4 11 11 My skill stuck at current job, should I quit? full a9c9baee-14f2-46c1-984d-75c6a43f14af https://kentcdodds.com/calls/04/11/my-skill-stuck-at-current-job-should-i-quit I have been in current team for couple years, and feel my skills are kind of stuck because I have spent too much time fighting with the team refusing to get better. I have learned only from myself, but not much from the others, and can't really fix everything by myself.

My time has been spent inefficiently to be honest in the past few years because lots of the time I was staring at smelly and nonsense codes, trying to improve but never get the resource or momentum from the team. I start feeling left behind in terms of the skills the market really needs, and job is not secured considering the layoff happening at recent time.

I'd like to know if you have similar experience, how you handle this, or is it just the time I should leave to seek for better opportunity I can grow? Thanks!

My skill stuck at current job, should I quit?]]> I have been in current team for couple years, and feel my skills are kind of stuck because I have spent too much time fighting with the team refusing to get better. I have learned only from myself, but not much from the others, and can't really fix everything by myself.

My time has been spent inefficiently to be honest in the past few years because lots of the time I was staring at smelly and nonsense codes, trying to improve but never get the resource or momentum from the team. I start feeling left behind in terms of the skills the market really needs, and job is not secured considering the layoff happening at recent time.

I'd like to know if you have similar experience, how you handle this, or is it just the time I should leave to seek for better opportunity I can grow? Thanks!

My skill stuck at current job, should I quit?]]> Wed, 23 Aug 2023 15:17:48 -0600 Kent C. Dodds Kent C. Dodds 440 Marco asked this on 2023-08-03 Marco asked this on 2023-08-03 personal growth, skills, team work, achivements, job security No How do you host your videos? 4 4 10 10 How do you host your videos? full 5d6d882f-a776-4438-bf55-1774f70801b5 https://kentcdodds.com/calls/04/10/how-do-you-host-your-videos Hi Kent!

I was wondering, how do you host your videos?

Such as: https://www.epicweb.dev/tips/quickly-determine-whether-a-module-is-bundled

It looks like they're custom hosted, so I was wondering how you do that.

The Epic Stack shows how you save images, and it would be interesting to learn how you host videos, too.

Thank you and best regards, Jan

How do you host your videos?]]> Hi Kent!

I was wondering, how do you host your videos?

Such as: https://www.epicweb.dev/tips/quickly-determine-whether-a-module-is-bundled

It looks like they're custom hosted, so I was wondering how you do that.

The Epic Stack shows how you save images, and it would be interesting to learn how you host videos, too.

Thank you and best regards, Jan

How do you host your videos?]]> Thu, 10 Aug 2023 17:24:47 -0600 Kent C. Dodds Kent C. Dodds 237 Jan asked this on 2023-07-31 Jan asked this on 2023-07-31 videos, video hosting No How are you still productive!? 4 4 9 9 How are you still productive!? full 6a943ec1-4c30-480f-9459-9897b127237d https://kentcdodds.com/calls/04/09/how-are-you-still-productive What's changed from 2018 in regards to how you're able to achieve such high levels of productivity? Do you still spend more time producing than ingesting courses?

How are you still productive!?]]> What's changed from 2018 in regards to how you're able to achieve such high levels of productivity? Do you still spend more time producing than ingesting courses?

How are you still productive!?]]> Thu, 03 Aug 2023 15:44:44 -0600 Kent C. Dodds Kent C. Dodds 455 Taranveer asked this on 2023-07-26 Taranveer asked this on 2023-07-26 Learning, development. No Best practice for using localStorage in React 4 4 8 8 Best practice for using localStorage in React full 72cb4c72-ee06-4dea-8aa8-84c5719da3cf https://kentcdodds.com/calls/04/08/best-practice-for-using-local-storage-in-react Lots of examples demonstrate wrapping localStorage setters and getters in hook, but no one ever explains why they don't just use localStorage directly.

Best practice for using localStorage in React]]> Lots of examples demonstrate wrapping localStorage setters and getters in hook, but no one ever explains why they don't just use localStorage directly.

Best practice for using localStorage in React]]> Tue, 18 Jul 2023 09:19:38 -0600 Kent C. Dodds Kent C. Dodds 560 Chris asked this on 2023-07-15 Chris asked this on 2023-07-15 react, hooks, localStorage No Remix Full-Stack Components (vs Server Components) 4 4 7 7 Remix Full-Stack Components (vs Server Components) full b7d1539f-b809-4252-ab2e-c60771f513a4 https://kentcdodds.com/calls/04/07/remix-full-stack-components-vs-server-components With React Server Components getting more traction, this idea of each component being able to fetch its own data seems to getting more popular rather than data-fetching being purely route-based.

In Remix-land, you’ve had a talk about “full-stack components” with a similar concept where a “resource route” can have no default exports but still export a loader and a React component in order to have a reusable component with its own data fetching.

It seems there might be differences between React Server Components and these “full-stack components” though, especially in that Server Components don’t need to be defined in routes but Remix full-stack components do.

Firstly, how are the two approaches different?

I ask, because I know Remix is working on implementing Server Components without the foot-guns, so curious what how the mental model would change in the future.

You, also said that it isn’t a good practice to get into to commonly import components from other routes.

My second question is why is it not a good practice, and can you give examples for cases where it would or wouldn’t make sense to import full-stack components from other routes?

Thank you!

Remix Full-Stack Components (vs Server Components)]]> With React Server Components getting more traction, this idea of each component being able to fetch its own data seems to getting more popular rather than data-fetching being purely route-based.

In Remix-land, you’ve had a talk about “full-stack components” with a similar concept where a “resource route” can have no default exports but still export a loader and a React component in order to have a reusable component with its own data fetching.

It seems there might be differences between React Server Components and these “full-stack components” though, especially in that Server Components don’t need to be defined in routes but Remix full-stack components do.

Firstly, how are the two approaches different?

I ask, because I know Remix is working on implementing Server Components without the foot-guns, so curious what how the mental model would change in the future.

You, also said that it isn’t a good practice to get into to commonly import components from other routes.

My second question is why is it not a good practice, and can you give examples for cases where it would or wouldn’t make sense to import full-stack components from other routes?

Thank you!

Remix Full-Stack Components (vs Server Components)]]> Thu, 13 Jul 2023 10:45:21 -0600 Kent C. Dodds Kent C. Dodds 464 Ricardo asked this on 2023-07-09 Ricardo asked this on 2023-07-09 remix, full-stack components, react server components No A 10 year old itch to make a switch (QA to dev) 4 4 6 6 A 10 year old itch to make a switch (QA to dev) full a3037c1d-3903-4589-83ee-3d43cecc6e9d https://kentcdodds.com/calls/04/06/a-10-year-old-itch-to-make-a-switch-qa-to-dev For 10 years, I feel that I've been separated away from my true love, which was coding. I'm 35 now, married, and have a kid. Some people say that its too late to be a developer now. But, I want to give it just one shot so I wouldn't have any regrets later. This time, I'm following my heart! Away I sail, onto this pathless path.

A 10 year old itch to make a switch (QA to dev)]]> For 10 years, I feel that I've been separated away from my true love, which was coding. I'm 35 now, married, and have a kid. Some people say that its too late to be a developer now. But, I want to give it just one shot so I wouldn't have any regrets later. This time, I'm following my heart! Away I sail, onto this pathless path.

A 10 year old itch to make a switch (QA to dev)]]> Mon, 10 Jul 2023 11:39:56 -0600 Kent C. Dodds Kent C. Dodds 712 Shyam asked this on 2023-07-09 Shyam asked this on 2023-07-09 imposter-syndrome,learning,full-stack-engineering,web-development,career No Should I go to college or not? 4 4 5 5 Should I go to college or not? full 8a2c9e46-80c9-4065-84f3-0c2d96b77fc0 https://kentcdodds.com/calls/01/155/should-i-go-to-college-or-not looking for direction

Should I go to college or not?

]]> looking for direction

Should I go to college or not?

]]> Thu, 29 Jun 2023 11:00:39 -0600 Kent C. Dodds Kent C. Dodds 587 umar asked this on 2023-06-23 umar asked this on 2023-06-23 careers, growth, school No Resources to learn senior development skills 4 4 4 4 Resources to learn senior development skills full 6bc879a5-2d25-43f7-9696-413f998daf3e https://kentcdodds.com/calls/01/154/resources-to-learn-senior-development-skills As my career has progressed, the types of problems I face have also progressed - questions like "How should we architect this solution" and "How should we decide between these trade-offs". However, I've struggled to find resources to help me learn these skills. Are there any resources that you would recommend and, in general, how do you continue to learn and progress even as you reach more senior levels of development?

Resources to learn senior development skills

]]> As my career has progressed, the types of problems I face have also progressed - questions like "How should we architect this solution" and "How should we decide between these trade-offs". However, I've struggled to find resources to help me learn these skills. Are there any resources that you would recommend and, in general, how do you continue to learn and progress even as you reach more senior levels of development?

Resources to learn senior development skills

]]> Thu, 22 Jun 2023 10:40:21 -0600 Kent C. Dodds Kent C. Dodds 457 Matt asked this on 2023-06-22 Matt asked this on 2023-06-22 career,learning No Passing state across components in RemixJS 4 4 3 3 Passing state across components in RemixJS full 37e38f2b-3bce-4fa6-8714-84da18472c43 https://kentcdodds.com/calls/01/153/passing-state-across-components-in-remix-js If I was just using plain React, I would use the Context API or even global variables to keep track of the state of an application. Whats the best way to achieve this when using Remix?

P.S. You can definitely still use context if you like!

Passing state across components in RemixJS

]]> If I was just using plain React, I would use the Context API or even global variables to keep track of the state of an application. Whats the best way to achieve this when using Remix?

P.S. You can definitely still use context if you like!

Passing state across components in RemixJS

]]> Mon, 19 Jun 2023 17:27:11 -0600 Kent C. Dodds Kent C. Dodds 408 Prashant asked this on 2023-06-16 Prashant asked this on 2023-06-16 state, context No How To Deal with Hiring Developers? 4 4 2 2 How To Deal with Hiring Developers? full 2a50e9b7-ee41-4b35-a1ff-75cff2de5897 https://kentcdodds.com/calls/01/152/how-to-deal-with-hiring-developers I have to manage my projects and outsource them, otherwise, I would never make enough money to keep my business afloat. I have this problem, where, when I start a project, the product owner will ask questions like, "What happens if you die?" and my best answer to that is, "That's why we have employees". But, when I go to hire employees, sometimes they completely just ignore the stack that I'm using and they go off and do their own thing, which becomes difficult to manage. Should I be ruling with an iron fist, or should I just be more of a liason between my clients and my developers?

How To Deal with Hiring Developers?

]]> I have to manage my projects and outsource them, otherwise, I would never make enough money to keep my business afloat. I have this problem, where, when I start a project, the product owner will ask questions like, "What happens if you die?" and my best answer to that is, "That's why we have employees". But, when I go to hire employees, sometimes they completely just ignore the stack that I'm using and they go off and do their own thing, which becomes difficult to manage. Should I be ruling with an iron fist, or should I just be more of a liason between my clients and my developers?

How To Deal with Hiring Developers?

]]> Fri, 16 Jun 2023 12:47:18 -0600 Kent C. Dodds Kent C. Dodds 606 Donald asked this on 2023-06-12 Donald asked this on 2023-06-12 hiring, javascript, developers No Why do you use the Express adapter for your app? 4 4 1 1 Why do you use the Express adapter for your app? full fede23df-5567-4df8-adfb-78763178831e https://kentcdodds.com/calls/01/151/why-do-you-use-the-express-adapter-for-your-app I've seen you're using the Express adapter for your Epic Stack and your personal website, as opposed to just running the Remix dev server. Why is that? Are there any performance implications?

Why do you use the Express adapter for your app?

]]> I've seen you're using the Express adapter for your Epic Stack and your personal website, as opposed to just running the Remix dev server. Why is that? Are there any performance implications?

Why do you use the Express adapter for your app?

]]> Thu, 15 Jun 2023 09:31:52 -0600 Kent C. Dodds Kent C. Dodds 201 Jan asked this on 2023-06-10 Jan asked this on 2023-06-10 remix, adapter, express No Minimum skills for a Frontend dev job? 3 3 50 50 Minimum skills for a Frontend dev job? full 1ae264b4-f81a-4662-9011-60350018701b https://kentcdodds.com/calls/01/150/minimum-skills-for-a-frontend-dev-job What is the minimum skill set one need for a front end dev job. Do you need to know version control, testing, tooling etc or is js html css and a framework enough, also is typescript considered.

Minimum skills for a Frontend dev job?

]]> What is the minimum skill set one need for a front end dev job. Do you need to know version control, testing, tooling etc or is js html css and a framework enough, also is typescript considered.

Minimum skills for a Frontend dev job?

]]> Mon, 12 Jun 2023 16:20:06 -0600 Kent C. Dodds Kent C. Dodds 387 Mukwende asked this on 2023-06-08 Mukwende asked this on 2023-06-08 job, frontend No userEvent.setup vs not including it in unit tests 3 3 49 49 userEvent.setup vs not including it in unit tests full 779071d9-c238-446c-b4e7-49466476f4c7 https://kentcdodds.com/calls/01/149/user-event-setup-vs-not-including-it-in-unit-tests With React Testing Library v14, what are the benefits of using the userEvent.setup() for every test vs not including it?

userEvent.setup vs not including it in unit tests

]]> With React Testing Library v14, what are the benefits of using the userEvent.setup() for every test vs not including it?

userEvent.setup vs not including it in unit tests

]]> Thu, 08 Jun 2023 10:19:43 -0600 Kent C. Dodds Kent C. Dodds 281 Daniel asked this on 2023-05-24 Daniel asked this on 2023-05-24 userEvent, userEvent.setup, unit tests No Are AI tools (Copilot) bad for the learning curve? 3 3 48 48 Are AI tools (Copilot) bad for the learning curve? full b721f76e-0915-4928-acb1-d15cab602120 https://kentcdodds.com/calls/01/148/are-ai-tools-copilot-bad-for-the-learning-curve AI tools like GitHub Copilot have the capability of boosting our performance during development. What effects of using such tools to practice a course might have on the learning curve?

Are AI tools (Copilot) bad for the learning curve?

]]> AI tools like GitHub Copilot have the capability of boosting our performance during development. What effects of using such tools to practice a course might have on the learning curve?

Are AI tools (Copilot) bad for the learning curve?

]]> Mon, 05 Jun 2023 09:51:40 -0600 Kent C. Dodds Kent C. Dodds 367 Carlos asked this on 2023-05-03 Carlos asked this on 2023-05-03 ai, copilot, learning curve, tools, github copilot No Becoming one of the best React developer 3 3 47 47 Becoming one of the best React developer full fcfa26ab-a19b-43f2-9f70-a85ad6c6af00 https://kentcdodds.com/calls/01/147/becoming-one-of-the-best-react-developer Church of Jesus Christ of Latter-day Saints, FrontEnd/React developers, Peruvian Folklore Dancer Champion, Now approx. 2 years as a React/FrontEnd developer, and I am so hungry to continue to learn and improve. I feel I need to be surrounded by the best and I would love to work closely with you Kent I admire you a lot! or please give me advice on how to achieve it. - I would like to bring value to the world through my work Thank you! Have a great day brother!

Becoming one of the best React developer

]]> Church of Jesus Christ of Latter-day Saints, FrontEnd/React developers, Peruvian Folklore Dancer Champion, Now approx. 2 years as a React/FrontEnd developer, and I am so hungry to continue to learn and improve. I feel I need to be surrounded by the best and I would love to work closely with you Kent I admire you a lot! or please give me advice on how to achieve it. - I would like to bring value to the world through my work Thank you! Have a great day brother!

Becoming one of the best React developer

]]> Mon, 22 May 2023 10:03:50 -0600 Kent C. Dodds Kent C. Dodds 587 Gianpierre asked this on 2023-05-01 Gianpierre asked this on 2023-05-01 learning,skills,practice No Is Epic Stack beneficial for new developers? 3 3 46 46 Is Epic Stack beneficial for new developers? full 4d1c25db-9005-4fbc-bae3-61e894c82276 https://kentcdodds.com/calls/01/146/is-epic-stack-beneficial-for-new-developers Hello, Kent! My name is Petar and I'm from Bulgaria. I'd like to ask your opinion on this question: Do you think that the "Epic Stack" is relevant for people who are relatively new to web development? Here's some information about me: my interest in web development started about a year ago. Currently, I feel really confident in HTML, CSS, JavaScript, React, and TypeScript. I have read a lot of books and completed numerous courses on these topics, including the HTML course on web.dev, the CSS course by Josh Comeau, the books by Nicholas Zakas on JavaScript, the JS course by Dan Abramov, Epic React, and the "Learning TypeScript" book by Josh Goldberg. I also purchased your testing course but haven't had the chance to complete it yet. Currently, I don't have a job, but I'm planning to land one soon.

My question to you, again, is whether you think sticking with the Epic Stack would be beneficial for me, or if it's better to focus on already established technologies in the market such as Redux, Next.js, etc. I just want to hear your honest opinion, even if it may be (or become) wrong.

Is Epic Stack beneficial for new developers?

]]> Hello, Kent! My name is Petar and I'm from Bulgaria. I'd like to ask your opinion on this question: Do you think that the "Epic Stack" is relevant for people who are relatively new to web development? Here's some information about me: my interest in web development started about a year ago. Currently, I feel really confident in HTML, CSS, JavaScript, React, and TypeScript. I have read a lot of books and completed numerous courses on these topics, including the HTML course on web.dev, the CSS course by Josh Comeau, the books by Nicholas Zakas on JavaScript, the JS course by Dan Abramov, Epic React, and the "Learning TypeScript" book by Josh Goldberg. I also purchased your testing course but haven't had the chance to complete it yet. Currently, I don't have a job, but I'm planning to land one soon.

My question to you, again, is whether you think sticking with the Epic Stack would be beneficial for me, or if it's better to focus on already established technologies in the market such as Redux, Next.js, etc. I just want to hear your honest opinion, even if it may be (or become) wrong.

Is Epic Stack beneficial for new developers?

]]> Thu, 18 May 2023 09:19:17 -0600 Kent C. Dodds Kent C. Dodds 303 Petar asked this on 2023-05-18 Petar asked this on 2023-05-18 epic stack, established technologies, new developers No How to approach imposter syndrome 3 3 45 45 How to approach imposter syndrome full 9079d2fb-68d5-4105-abd4-231115493a8d https://kentcdodds.com/calls/01/145/how-to-approach-imposter-syndrome I just went through react hooks workshop and I don't know weather I understood concepts well or I just went through material. I want a general approach to similar situations.

How to approach imposter syndrome

]]> I just went through react hooks workshop and I don't know weather I understood concepts well or I just went through material. I want a general approach to similar situations.

How to approach imposter syndrome

]]> Thu, 04 May 2023 09:12:41 -0600 Kent C. Dodds Kent C. Dodds 328 Noman Khan asked this on 2023-05-01 Noman Khan asked this on 2023-05-01 imposter syndrome, react hooks, efficient learning No Error Handling in Remix 3 3 44 44 Error Handling in Remix full f44b0f15-8909-486b-af3c-7c8508c5079b https://kentcdodds.com/calls/01/144/error-handling-in-remix How do you handle network issues in a Remix App? Is Remix's error handling as good as traditional SPAs? What about maintaining form state even after the submission fails?

Error Handling in Remix

]]> How do you handle network issues in a Remix App? Is Remix's error handling as good as traditional SPAs? What about maintaining form state even after the submission fails?

Error Handling in Remix

]]> Mon, 17 Apr 2023 13:27:43 -0600 Kent C. Dodds Kent C. Dodds 362 Grant asked this on 2023-03-30 Grant asked this on 2023-03-30 Remix, Network Issues, Remix Form No How do you plan E2E test flows? 3 3 43 43 How do you plan E2E test flows? full e40ad497-5065-4ef7-ac32-33b6aab885b0 https://kentcdodds.com/calls/01/143/how-do-you-plan-e2-e-test-flows Many times we need to run e2e tests in other to be able to test "secondary" actions. Like, I have to create a resource to delete it, so I could test the create inside of the delete test but it does not sound "good". How to solve that?

How do you plan E2E test flows?

]]> Many times we need to run e2e tests in other to be able to test "secondary" actions. Like, I have to create a resource to delete it, so I could test the create inside of the delete test but it does not sound "good". How to solve that?

How do you plan E2E test flows?

]]> Thu, 13 Apr 2023 09:29:30 -0600 Kent C. Dodds Kent C. Dodds 341 Bruno asked this on 2023-03-30 Bruno asked this on 2023-03-30 e2e, tests No When/why should I choose SSR over CSR? 3 3 42 42 When/why should I choose SSR over CSR? full 255cf512-9b43-42eb-b0f8-fd272c7d4c51 https://kentcdodds.com/calls/01/142/when-why-should-i-choose-ssr-over-csr Given that there is dedicated backend with API's which needs to be consumed in a dashboard written in React, why should i choose SSR over CSR if I am not worried about SEO or JS payload (as I can use code splitting to keep the JS to minimum)

When/why should I choose SSR over CSR?

]]> Given that there is dedicated backend with API's which needs to be consumed in a dashboard written in React, why should i choose SSR over CSR if I am not worried about SEO or JS payload (as I can use code splitting to keep the JS to minimum)

When/why should I choose SSR over CSR?

]]> Wed, 12 Apr 2023 11:21:40 -0600 Kent C. Dodds Kent C. Dodds 229 Peter asked this on 2023-03-28 Peter asked this on 2023-03-28 SSR, CSR No Side income 3 3 41 41 Side income full 845946d4-421a-4984-80e5-2a29c4b54a85 https://kentcdodds.com/calls/01/141/side-income What are some side income options for software engineers?

Side income

]]> What are some side income options for software engineers?

Side income

]]> Tue, 11 Apr 2023 13:02:19 -0600 Kent C. Dodds Kent C. Dodds 381 Ryan asked this on 2023-03-19 Ryan asked this on 2023-03-19 Side, income, hustle No How Remix fits 6 different web apps 3 3 40 40 How Remix fits 6 different web apps full 21528d99-62c0-47e2-b68f-b6e481a0bbfe https://kentcdodds.com/calls/01/140/how-remix-fits-6-different-web-apps As there are so many different kinds of apps that we can build for browsers, how does Remix fit those different cases? Is Remix a great fit for one but maybe not for another? Can all be built with Remix?

How Remix fits 6 different web apps

]]> As there are so many different kinds of apps that we can build for browsers, how does Remix fit those different cases? Is Remix a great fit for one but maybe not for another? Can all be built with Remix?

How Remix fits 6 different web apps

]]> Wed, 05 Apr 2023 10:13:34 -0600 Kent C. Dodds Kent C. Dodds 844 Kai asked this on 2023-03-17 Kai asked this on 2023-03-17 Remix, framework, web apps No Is it really all about who knows you? 3 3 39 39 Is it really all about who knows you? full 12944d59-cc0d-46cd-b0a5-618e71986a2b https://kentcdodds.com/calls/01/139/is-it-really-all-about-who-knows-you Kent, your tweet about 'It's not what you know, it's not who you know, it's who knows you' made me question my beliefs. I believe that building strong relationships and possessing knowledge are key to being well-connected. Could you elaborate on what led you to make this statement and how you believe it applies in personal or professional success?

Is it really all about who knows you?

]]> Kent, your tweet about 'It's not what you know, it's not who you know, it's who knows you' made me question my beliefs. I believe that building strong relationships and possessing knowledge are key to being well-connected. Could you elaborate on what led you to make this statement and how you believe it applies in personal or professional success?

Is it really all about who knows you?

]]> Tue, 28 Mar 2023 10:14:27 -0600 Kent C. Dodds Kent C. Dodds 302 Abhinav asked this on 2023-03-17 Abhinav asked this on 2023-03-17 tweet, personal,professional ,success, who knows you No Tech to use for a video streaming site 3 3 38 38 Tech to use for a video streaming site full 13cce6b0-bb0b-4327-b41d-f086b1d6689f https://kentcdodds.com/calls/01/138/tech-to-use-for-a-video-streaming-site Which technologies would you use to make a video streaming website.

Tech to use for a video streaming site

]]> Which technologies would you use to make a video streaming website.

Tech to use for a video streaming site

]]> Fri, 17 Mar 2023 12:51:31 -0600 Kent C. Dodds Kent C. Dodds 136 Oliver asked this on 2023-03-16 Oliver asked this on 2023-03-16 Video, streaming No Should we transition from Jest to Vitest 3 3 37 37 Should we transition from Jest to Vitest full 15cefb06-4c2e-403e-8fc9-06a490be46d3 https://kentcdodds.com/calls/01/137/should-we-transition-from-jest-to-vitest What are Kent's thoughts on Vitest.dev?

Should we transition from Jest to Vitest

]]> What are Kent's thoughts on Vitest.dev?

Should we transition from Jest to Vitest

]]> Thu, 16 Mar 2023 10:26:29 -0600 Kent C. Dodds Kent C. Dodds 474 marcus asked this on 2023-03-15 marcus asked this on 2023-03-15 jest, vitest, testing No What's the bundle analysis story in Remix? 3 3 36 36 What's the bundle analysis story in Remix? full 19c21cd0-63ee-4938-ac9b-0e96fa5e6362 https://kentcdodds.com/calls/01/136/what-s-the-bundle-analysis-story-in-remix Is there any way to get a bundle analysis on Remix apps, like the Webpack does?

fs.writeFileSync('meta.json', JSON.stringify(metafile))

Good luck!

What's the bundle analysis story in Remix?

]]> Is there any way to get a bundle analysis on Remix apps, like the Webpack does?

fs.writeFileSync('meta.json', JSON.stringify(metafile))

Good luck!

What's the bundle analysis story in Remix?

]]> Wed, 15 Mar 2023 09:44:04 -0600 Kent C. Dodds Kent C. Dodds 283 Dago asked this on 2023-03-15 Dago asked this on 2023-03-15 bundle analysis, remix, build, esbuild No How to set titles in CatchBoundary's in Remix? 3 3 35 35 How to set titles in CatchBoundary's in Remix? full f13841ff-1f56-4beb-9e55-b81942ad2f90 https://kentcdodds.com/calls/01/135/how-to-set-titles-in-catch-boundary-s-in-remix If you have a loader and you throw a response so your CatchBoundary catches it, how can you set a title? Since you throw, there is no way to return json with the appropriate title 🤔

How to set titles in CatchBoundary's in Remix?

]]> If you have a loader and you throw a response so your CatchBoundary catches it, how can you set a title? Since you throw, there is no way to return json with the appropriate title 🤔

How to set titles in CatchBoundary's in Remix?

]]> Tue, 14 Mar 2023 10:24:11 -0600 Kent C. Dodds Kent C. Dodds 248 Jan asked this on 2022-08-01 Jan asked this on 2022-08-01 title, meta, CatchBoundary No v2 Routing Convention 3 3 34 34 v2 Routing Convention full 8d1a31f0-be2e-43d4-8955-c044b1ef244a https://kentcdodds.com/calls/01/134/v2-routing-convention Kent's outlook on Remix v2 Routing Convention and his use current use of Kiliman's remix-flat-routes package.

v2 Routing Convention

]]> Kent's outlook on Remix v2 Routing Convention and his use current use of Kiliman's remix-flat-routes package.

v2 Routing Convention

]]> Mon, 13 Mar 2023 14:02:51 -0600 Kent C. Dodds Kent C. Dodds 334 Rick asked this on 2023-03-12 Rick asked this on 2023-03-12 remix, v2-routing-convention, remix-flat-routes No Seeking for solution and advice to progress 3 3 33 33 Seeking for solution and advice to progress full 88583345-2dca-4156-a6d8-3aa136548128 https://kentcdodds.com/calls/01/133/seeking-for-solution-and-advice-to-progress The call I placed is basically to seek advice on how to go about a certain challenge I am facing now in my programming journey.

Seeking for solution and advice to progress

]]> The call I placed is basically to seek advice on how to go about a certain challenge I am facing now in my programming journey.

Seeking for solution and advice to progress

]]> Thu, 09 Mar 2023 13:19:18 -0700 Kent C. Dodds Kent C. Dodds 326 Ebube asked this on 2023-03-06 Ebube asked this on 2023-03-06 learning,experience No What is your latest thinking on render props? 3 3 32 32 What is your latest thinking on render props? full 8e08238f-d0e5-4d28-998c-3a87b2afea17 https://kentcdodds.com/calls/01/132/what-is-your-latest-thinking-on-render-props
  • React Hooks: What's going to happen to render props?
  • When to break up a component into multiple components

    • What is your latest thinking on render props?

    ]]>
  • React Hooks: What's going to happen to render props?
  • When to break up a component into multiple components

    • What is your latest thinking on render props?

    ]]>     Mon, 06 Mar 2023 08:45:52 -0700 Kent C. Dodds Kent C. Dodds 324 Keldon asked this on 2023-03-01 Keldon asked this on 2023-03-01 render props,hooks,patterns No     Inline Styles vs CSS File Styles 3 3 31 31 Inline Styles vs CSS File Styles full 44ad0e93-b217-4795-b100-cf089e446630 https://kentcdodds.com/calls/01/131/inline-styles-vs-css-file-styles I would like to know your take on inline styles on large scale projects. Personally I am big fan of inline styles or having all styles in my jsx file. Also take on using Tailwind over a design system.

    Inline Styles vs CSS File Styles

    ]]>     I would like to know your take on inline styles on large scale projects. Personally I am big fan of inline styles or having all styles in my jsx file. Also take on using Tailwind over a design system.

    Inline Styles vs CSS File Styles

    ]]>     Fri, 03 Mar 2023 12:43:14 -0700 Kent C. Dodds Kent C. Dodds 403 Zahin asked this on 2023-02-17 Zahin asked this on 2023-02-17 TailwindCSS, Styled Components, Inline Styles, CSS, JSX, React No     Looking for the best talk idea 3 3 30 30 Looking for the best talk idea full d8c992a1-f3ee-4106-a205-08b8dd929706 https://kentcdodds.com/calls/01/130/looking-for-the-best-talk-idea I will speak about Hydrogen at Remix conf and some others, and I'm now brainstorming about new talk subjects...all about Remix! I am looking for some insight to do the best choice!

    Looking for the best talk idea

    ]]>     I will speak about Hydrogen at Remix conf and some others, and I'm now brainstorming about new talk subjects...all about Remix! I am looking for some insight to do the best choice!

    Looking for the best talk idea

    ]]>     Thu, 02 Mar 2023 10:10:30 -0700 Kent C. Dodds Kent C. Dodds 534 Alexandra asked this on 2023-03-01 Alexandra asked this on 2023-03-01 remix, CFP, conference, talk No     Tips on making the most of your short breaks 3 3 29 29 Tips on making the most of your short breaks full de90c835-a349-4df4-b5f6-de2ee25f987b https://kentcdodds.com/calls/01/129/tips-on-making-the-most-of-your-short-breaks This is a discussion we were having on twitter. :D

    Tips on making the most of your short breaks

    ]]>     This is a discussion we were having on twitter. :D

    Tips on making the most of your short breaks

    ]]>     Wed, 01 Mar 2023 08:48:15 -0700 Kent C. Dodds Kent C. Dodds 224 Raphael asked this on 2023-02-15 Raphael asked this on 2023-02-15 breaks No     Advice for a company afraid of using Node 3 3 28 28 Advice for a company afraid of using Node full 1c2bce9d-0ee8-4715-97d1-069328e75b67 https://kentcdodds.com/calls/01/128/advice-for-a-company-afraid-of-using-node I work at a smaller developer company with a big backend team. Everybody is afraid of using NodeJS so we're limited to simple SPAs as those only need an NGINX server and you're good to go. I was pushing for NextJS and nowadays Remix as I really like it, but I always feel blocked. What should I do? How could I convince my colleagues to give Remix a try?

    Advice for a company afraid of using Node

    ]]>     I work at a smaller developer company with a big backend team. Everybody is afraid of using NodeJS so we're limited to simple SPAs as those only need an NGINX server and you're good to go. I was pushing for NextJS and nowadays Remix as I really like it, but I always feel blocked. What should I do? How could I convince my colleagues to give Remix a try?

    Advice for a company afraid of using Node

    ]]>     Mon, 27 Feb 2023 14:06:15 -0700 Kent C. Dodds Kent C. Dodds 477 Peter asked this on 2023-02-27 Peter asked this on 2023-02-27 Node,Remix,SPA,hesitancy,fear No     How are redux thunks implementation details? 3 3 27 27 How are redux thunks implementation details? full 22fdb332-4a1d-4eec-9ec4-378dce078774 https://kentcdodds.com/calls/01/127/how-are-redux-thunks-implementation-details The official Redux recommendation is to avoid testing thunks in isolation and instead opt for integration testing with redux connected components. The main reason given is that thunks are considered implementation details.

    Why are thunks considered implementation details?

     In the context of async thunks in RTK can you give examples of how testing an async thunk might lead to false negatives and false positives in our tests? 

    What are your opinions on testing thunks in isolation that conditionally dispatch other actions, something that my team at work often does.

    How are redux thunks implementation details? 

    ]]>     The official Redux recommendation is to avoid testing thunks in isolation and instead opt for integration testing with redux connected components. The main reason given is that thunks are considered implementation details.

    Why are thunks considered implementation details?

     In the context of async thunks in RTK can you give examples of how testing an async thunk might lead to false negatives and false positives in our tests? 

    What are your opinions on testing thunks in isolation that conditionally dispatch other actions, something that my team at work often does.

    How are redux thunks implementation details? 

    ]]>     Wed, 15 Feb 2023 12:41:06 -0700 Kent C. Dodds Kent C. Dodds 388 Angel asked this on 2023-02-06 Angel asked this on 2023-02-06 redux-thunk,RTK,implementation-details No     What makes a good react js developer? 3 3 26 26 What makes a good react js developer? full 4b41e8ac-c161-44ee-8686-12a8aed6f031 https://kentcdodds.com/calls/01/126/what-makes-a-good-react-js-developer
  • Useffect needs always dependencies though we only perform that action once say for example api call, do we really need dependency for single call as well?
  • Use memo and use callback seems in which specific scenarios we use, cause otherwise we might endup with lot of useless usememo and usecallbacks.
  • Apart from this, what you want to suggest in general to make me a good react developer in terms of debugging and developing faster and understanding well. Doing personal projects, my mistakes are I am using unneccesary stuff like context usereducer for small stuff just to learn something. Is this common how to avoid this mistakes?

    • What makes a good react js developer?

    ]]>
  • Useffect needs always dependencies though we only perform that action once say for example api call, do we really need dependency for single call as well?
  • Use memo and use callback seems in which specific scenarios we use, cause otherwise we might endup with lot of useless usememo and usecallbacks.
  • Apart from this, what you want to suggest in general to make me a good react developer in terms of debugging and developing faster and understanding well. Doing personal projects, my mistakes are I am using unneccesary stuff like context usereducer for small stuff just to learn something. Is this common how to avoid this mistakes?

    • What makes a good react js developer?

    ]]>     Tue, 14 Feb 2023 09:51:28 -0700 Kent C. Dodds Kent C. Dodds 331 Shankar asked this on 2023-02-03 Shankar asked this on 2023-02-03 Useeffect, junior developer No     AWS Job Opportunity 3 3 25 25 AWS Job Opportunity full 8b44f989-dc44-4a67-8ea2-77f35e5bb188 https://kentcdodds.com/calls/01/125/aws-job-opportunity Looking to find my people in the AWS world that want to help others make some money without exploiting anyone.

    AWS Job Opportunity

    ]]>     Looking to find my people in the AWS world that want to help others make some money without exploiting anyone.

    AWS Job Opportunity

    ]]>     Mon, 06 Feb 2023 12:48:47 -0700 Kent C. Dodds Kent C. Dodds 228 Warren asked this on 2023-01-29 Warren asked this on 2023-01-29 AWS, developer, kindness, startup, partner No     Playwright support 3 3 24 24 Playwright support full 1fd81a4a-9cbf-439e-8a7b-3e3f0c8ea4c9 https://kentcdodds.com/calls/01/124/playwright-support Where can I find your courses on Playwright and how are you involved in the community?

    Playwright support

    ]]>     Where can I find your courses on Playwright and how are you involved in the community?

    Playwright support

    ]]>     Thu, 02 Feb 2023 12:12:29 -0700 Kent C. Dodds Kent C. Dodds 213 Marijana asked this on 2022-12-24 Marijana asked this on 2022-12-24 Playwright No     Tips for creating a npm package (stack-supporting) 3 3 23 23 Tips for creating a npm package (stack-supporting) full 634318a3-5aee-4e97-a7d1-41b8c888ee6a https://kentcdodds.com/calls/01/123/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.

    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.

    Tips for creating a npm package (stack-supporting)

    ]]>     Tue, 31 Jan 2023 15:03:47 -0700 Kent C. Dodds Kent C. Dodds 510 Ademilson Tonato asked this on 2023-01-31 Ademilson Tonato asked this on 2023-01-31 npm, package, node, esmodules, esm, cjs No     How close should a hook be to its usage? 3 3 22 22 How close should a hook be to its usage? full 158db99a-a25e-4b43-8c33-1d1ec0225dd5 https://kentcdodds.com/calls/01/122/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 name and another for the date of birth; and the second child requires another prop but only for the date of birth. My assumption was always to use the hook as close as possible to its usage, in this case, within both children components and not in the parent component. What should be the more readable choice between using the hook just once in the parent component and drilling the props downwards to the children, as opposed to using the hook in each individual hook?

    Thanks!

    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 name and another for the date of birth; and the second child requires another prop but only for the date of birth. My assumption was always to use the hook as close as possible to its usage, in this case, within both children components and not in the parent component. What should be the more readable choice between using the hook just once in the parent component and drilling the props downwards to the children, as opposed to using the hook in each individual hook?

    Thanks!

    How close should a hook be to its usage?

    ]]>     Thu, 12 Jan 2023 10:12:44 -0700 Kent C. Dodds Kent C. Dodds 207 Asier asked this on 2022-12-14 Asier asked this on 2022-12-14 React, custom hooks, good practices No     What's your opinion on atomic design? 3 3 21 21 What's your opinion on atomic design? full 7b366f58-97b5-466b-a37a-1a9cda2ff724 https://kentcdodds.com/calls/01/121/what-s-your-opinion-on-atomic-design Atomic Web Design by Brad Frost

    What's your opinion on atomic design?

    ]]>     Atomic Web Design by Brad Frost

    What's your opinion on atomic design?

    ]]>     Tue, 03 Jan 2023 11:30:23 -0700 Kent C. Dodds Kent C. Dodds 188 Damian asked this on 2022-12-08 Damian asked this on 2022-12-08 react No     How to handle file uploads in Remix? 3 3 20 20 How to handle file uploads in Remix? full 56eb4365-9f78-4a6d-97ce-8d4fa3e5a6b5 https://kentcdodds.com/calls/01/120/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?

    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?

    How to handle file uploads in Remix?

    ]]>     Fri, 16 Dec 2022 13:20:36 -0700 Kent C. Dodds Kent C. Dodds 223 Jan asked this on 2022-12-12 Jan asked this on 2022-12-12 remix, file upload, avatar, profile No     Tailwind class overriding 3 3 19 19 Tailwind class overriding full 21fede2a-a5f2-435a-b14e-f3b0ed29cdfe https://kentcdodds.com/calls/01/119/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

    ]]>     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

    ]]>     Thu, 15 Dec 2022 11:52:24 -0700 Kent C. Dodds Kent C. Dodds 337 Ryan asked this on 2022-12-10 Ryan asked this on 2022-12-10 Tailwind, css precedence No     How do you deal with partial types? 3 3 18 18 How do you deal with partial types? full f751aa0b-2ee3-40f3-9b1a-495f8914ab06 https://kentcdodds.com/calls/01/118/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 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 partial types?

    ]]>     Wed, 14 Dec 2022 11:26:55 -0700 Kent C. Dodds Kent C. Dodds 265 Devlin asked this on 2022-12-10 Devlin asked this on 2022-12-10 partial-types, types, api No     The "remix" testing methodology 3 3 17 17 The "remix" testing methodology full 0b081fa1-ef24-4b58-a314-9bb45a89023b https://kentcdodds.com/calls/01/117/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

    ]]>     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

    ]]>     Tue, 13 Dec 2022 21:24:19 -0700 Kent C. Dodds Kent C. Dodds 352 Bruno asked this on 2022-12-09 Bruno asked this on 2022-12-09 testing, remix, playwright, e2e tests, course No     How to handle action matching no intent? 3 3 16 16 How to handle action matching no intent? full 8c5a2d70-2b60-47fa-b01c-f9f104762c1a https://kentcdodds.com/calls/01/116/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 multiple forms, his action is a void promise and returns nothing in the case where none of his intents match.

    But should you do that in a production app? Just don't do anything?

    Thanks for your help! And thank you for answering yesterdays question about testing tables, it helped me out tremendously.

    Take care!

    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 multiple forms, his action is a void promise and returns nothing in the case where none of his intents match.

    But should you do that in a production app? Just don't do anything?

    Thanks for your help! And thank you for answering yesterdays question about testing tables, it helped me out tremendously.

    Take care!

    How to handle action matching no intent?

    ]]>     Mon, 12 Dec 2022 08:54:19 -0700 Kent C. Dodds Kent C. Dodds 265 Jan asked this on 2022-12-01 Jan asked this on 2022-12-01 intent, action function, remix, forms No     Latest practical CSS techniques (use Tailwind) 3 3 15 15 Latest practical CSS techniques (use Tailwind) full 417e5363-d2a9-451d-aad0-3a9eaa859369 https://kentcdodds.com/calls/01/115/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)

    ]]>     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)

    ]]>     Fri, 09 Dec 2022 10:01:05 -0700 Kent C. Dodds Kent C. Dodds 244 Milen asked this on 2022-11-30 Milen asked this on 2022-11-30 Frontend, CSS, Tailwind No     Middleware is an antipattern 3 3 14 14 Middleware is an antipattern full 5624494e-8c54-40fb-9f6b-c95a0f4b7e50 https://kentcdodds.com/calls/01/114/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

    ]]>     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

    ]]>     Thu, 01 Dec 2022 10:49:25 -0700 Kent C. Dodds Kent C. Dodds 481 Milen asked this on 2022-11-30 Milen asked this on 2022-11-30 Backend, Express.js, Node.js No     How to test semantic HTML tables? 3 3 13 13 How to test semantic HTML tables? full d75d703c-d959-4c80-b355-3f1fb82f7f80 https://kentcdodds.com/calls/01/113/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.

    Thanks a lot!

    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.

    Thanks a lot!

    How to test semantic HTML tables?

    ]]>     Wed, 30 Nov 2022 10:29:31 -0700 Kent C. Dodds Kent C. Dodds 237 Jan asked this on 2022-11-30 Jan asked this on 2022-11-30 tables, semantic html, testing library No     Appreciation 3 3 12 12 Appreciation full 8825143a-9d43-4ad7-b8a0-c88a0f960c2d https://kentcdodds.com/calls/01/112/appreciation Quality contents, quality contribution to React ecosystem.

    Appreciation

    ]]>     Quality contents, quality contribution to React ecosystem.

    Appreciation

    ]]>     Mon, 21 Nov 2022 09:56:43 -0700 Kent C. Dodds Kent C. Dodds 126 Olatunde asked this on 2022-11-13 Olatunde asked this on 2022-11-13 React, RTL No     Testing Code in service files and NGXS Store files 3 3 11 11 Testing Code in service files and NGXS Store files full d3add6d7-72d1-4930-9e27-a7a5275a42b2 https://kentcdodds.com/calls/01/111/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

    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

    Testing Code in service files and NGXS Store files

    ]]>     Fri, 11 Nov 2022 10:29:36 -0700 Kent C. Dodds Kent C. Dodds 206 Rachana asked this on 2022-09-29 Rachana asked this on 2022-09-29 testing, services, ngxs store, angular No     Is using md5 as key an anti-pattern in react? 3 3 10 10 Is using md5 as key an anti-pattern in react? full 93973a97-5249-455f-bffc-cfa581dfaf28 https://kentcdodds.com/calls/01/110/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 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 react?

    ]]>     Thu, 10 Nov 2022 08:44:17 -0700 Kent C. Dodds Kent C. Dodds 263 sandeep asked this on 2022-11-10 sandeep asked this on 2022-11-10 react, md5, key, anti-patter No     Why do you take short breaks when coding? 3 3 9 9 Why do you take short breaks when coding? full afe2ca07-764a-47f5-8fa9-80acca65f382 https://kentcdodds.com/calls/01/109/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?

    ]]>     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?

    ]]>     Wed, 09 Nov 2022 13:23:24 -0700 Kent C. Dodds Kent C. Dodds 226 Jan asked this on 2022-11-09 Jan asked this on 2022-11-09 breaks No     Is addEventListener OK again? 3 3 8 8 Is addEventListener OK again? full 1cd5394b-fcfb-46b7-b549-537cc1b8e61c https://kentcdodds.com/calls/01/108/is-add-event-listener-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?

    ]]>     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?

    ]]>     Fri, 04 Nov 2022 09:24:28 -0600 Kent C. Dodds Kent C. Dodds 248 Damian asked this on 2022-10-31 Damian asked this on 2022-10-31 remix, web, native, api No     Frontend to Fullstack 3 3 7 7 Frontend to Fullstack full d4877e6d-cf27-4ae1-8432-b265e317068a https://kentcdodds.com/calls/01/107/frontend-to-fullstack What learning path do you recommend for a frontend dev learning to become full stack?

    Frontend to Fullstack

    ]]>     What learning path do you recommend for a frontend dev learning to become full stack?

    Frontend to Fullstack

    ]]>     Thu, 03 Nov 2022 10:17:08 -0600 Kent C. Dodds Kent C. Dodds 253 Brandy asked this on 2022-11-03 Brandy asked this on 2022-11-03 Full stack, frontend, learning path No     Test Data: To BeforeAll or to BeforeEach 3 3 6 6 Test Data: To BeforeAll or to BeforeEach full 5f8ffa02-7e2c-4ccc-a667-f428bc4cf4d7 https://kentcdodds.com/calls/01/106/test-data-to-before-all-or-to-before-each 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.

    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.

    Test Data: To BeforeAll or to BeforeEach

    ]]>     Tue, 18 Oct 2022 19:30:21 -0600 Kent C. Dodds Kent C. Dodds 377 Eric asked this on 2022-10-12 Eric asked this on 2022-10-12 testing, playwright, cypress, jest No     organizing course code 3 3 5 5 organizing course code full 1dd58b79-66b0-460f-91dc-86706dbd74cc https://kentcdodds.com/calls/01/105/organizing-course-code what ways have you organized code for your courses? what are the trade offs and what is you preferred approach today?

    organizing course code 

    ]]>     what ways have you organized code for your courses? what are the trade offs and what is you preferred approach today?

    organizing course code 

    ]]>     Tue, 11 Oct 2022 17:54:28 -0600 Kent C. Dodds Kent C. Dodds 681 Joe asked this on 2022-10-08 Joe asked this on 2022-10-08 courses No     How to do feature flags with Remix? 3 3 4 4 How to do feature flags with Remix? full 5bffc66f-d0d3-47a0-b3cf-c57213ec4fa9 https://kentcdodds.com/calls/01/104/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?

    ]]>     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?

    ]]>     Mon, 10 Oct 2022 08:09:26 -0600 Kent C. Dodds Kent C. Dodds 429 Jan asked this on 2022-10-04 Jan asked this on 2022-10-04 remix, feature flags No     Own Code vs Library 3 3 3 3 Own Code vs Library full 7e18e6c0-5414-4e05-b0e3-2e8a1c9a1788 https://kentcdodds.com/calls/01/103/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

    ]]>     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

    ]]>     Thu, 29 Sep 2022 10:14:26 -0600 Kent C. Dodds Kent C. Dodds 407 Christian asked this on 2022-09-16 Christian asked this on 2022-09-16 Package,library,own,code,bundle No     Would you recommend to use Playwright or Cypress? 3 3 2 2 Would you recommend to use Playwright or Cypress? full 3117f542-5ca7-4e38-aa9d-d0563e060a79 https://kentcdodds.com/calls/01/102/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?

    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?

    Would you recommend to use Playwright or Cypress?

    ]]>     Wed, 28 Sep 2022 12:12:28 -0600 Kent C. Dodds Kent C. Dodds 352 Julian asked this on 2022-09-28 Julian asked this on 2022-09-28 cypress,playwright,e2e testing,integration testing No     How to Shamelessly Self-Promote? 3 3 1 1 How to Shamelessly Self-Promote? full 501908b5-a3d4-4a28-aabf-f12c2a388cf6 https://kentcdodds.com/calls/01/101/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?

    ]]>     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?

    ]]>     Fri, 16 Sep 2022 14:30:15 -0600 Kent C. Dodds Kent C. Dodds 347 Idriss asked this on 2022-09-16 Idriss asked this on 2022-09-16 self-promotion, soft skills No     Why are you programming in VScode? 2 2 50 50 Why are you programming in VScode? full 25cfa5ea-f05e-491e-a2e8-9676caff8c6b https://kentcdodds.com/calls/01/100/why-are-you-programming-in-v-scode 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?

    ]]>     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?

    ]]>     Wed, 14 Sep 2022 12:53:52 -0600 Kent C. Dodds Kent C. Dodds 442 Jakub asked this on 2022-09-14 Jakub asked this on 2022-09-14 IDE, Text Editor, VScode, Webstorm, Productivity No     Remix: ways around window undefined 2 2 49 49 Remix: ways around window undefined full f17aea7a-dfc7-4afe-8ba2-6105158708df https://kentcdodds.com/calls/01/99/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 setting { ssr: false } , I don't have to worry about window being undefined.

    Thanks

    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 setting { ssr: false } , I don't have to worry about window being undefined.

    Thanks

    Remix: ways around window undefined

    ]]>     Tue, 13 Sep 2022 12:22:39 -0600 Kent C. Dodds Kent C. Dodds 342 Lance asked this on 2022-09-10 Lance asked this on 2022-09-10 window, useEffect, remix, dynamic imports No     Testing a graphical component 2 2 48 48 Testing a graphical component full 45b7ad54-a863-4034-a31d-e4ac53099613 https://kentcdodds.com/calls/01/98/testing-a-graphical-component How to unit-test a graphical component? For example, how to unit-test a map or a chart in React since there is no text to select and to run tests against?

    Testing a graphical component

    ]]>     How to unit-test a graphical component? For example, how to unit-test a map or a chart in React since there is no text to select and to run tests against?

    Testing a graphical component

    ]]>     Mon, 12 Sep 2022 10:15:13 -0600 Kent C. Dodds Kent C. Dodds 201 Vincent asked this on 2022-09-09 Vincent asked this on 2022-09-09 unit testing, graphics, canvas, jest No     Will there be a KCD Trilogy? (Yes) 2 2 47 47 Will there be a KCD Trilogy? (Yes) full ce9f729d-b6dd-4849-8743-80a16ed3eef0 https://kentcdodds.com/calls/01/97/will-there-be-a-kcd-trilogy-yes Will there be a KCD Trilogy? https://EpicWeb.dev (https://kentcdodds.com/blog/i-m-building-epicweb-dev)

    Will there be a KCD Trilogy? (Yes)

    ]]>     Will there be a KCD Trilogy? https://EpicWeb.dev (https://kentcdodds.com/blog/i-m-building-epicweb-dev)

    Will there be a KCD Trilogy? (Yes)

    ]]>     Fri, 09 Sep 2022 16:50:59 -0600 Kent C. Dodds Kent C. Dodds 377 Philip John asked this on 2022-09-01 Philip John asked this on 2022-09-01 Web, EpicWeb.dev No     How do you automate KCD? 2 2 46 46 How do you automate KCD? full b62cb334-cd1e-472a-b22c-1ad00d0aad88 https://kentcdodds.com/calls/01/96/how-do-you-automate-kcd How do you automate KCD?

    How do you automate KCD?

    ]]>     How do you automate KCD?

    How do you automate KCD?

    ]]>     Tue, 06 Sep 2022 10:42:29 -0600 Kent C. Dodds Kent C. Dodds 768 Philip John asked this on 2022-09-01 Philip John asked this on 2022-09-01 automation,scripting No     Question about testing a reusable component 2 2 45 45 Question about testing a reusable component full 92052574-d54f-4f9e-9b2d-c8869c1f3cab https://kentcdodds.com/calls/01/95/question-about-testing-a-reusable-component in response to this tweet: https://twitter.com/Rovolutionary/status/1564338893691953154

    Question about testing a reusable component

    ]]>     in response to this tweet: https://twitter.com/Rovolutionary/status/1564338893691953154

    Question about testing a reusable component

    ]]>     Fri, 02 Sep 2022 10:45:34 -0600 Kent C. Dodds Kent C. Dodds 421 Rohit asked this on 2022-08-29 Rohit asked this on 2022-08-29 integration testing, unit testing, resuable component No     Full Stack Developers... Why? 2 2 44 44 Full Stack Developers... Why? full 5368dd01-5971-4367-9b10-6871ae693307 https://kentcdodds.com/calls/01/94/full-stack-developers-why Why do we need full stack developer?

    Full Stack Developers... Why?

    ]]>     Why do we need full stack developer?

    Full Stack Developers... Why?

    ]]>     Wed, 31 Aug 2022 11:45:44 -0600 Kent C. Dodds Kent C. Dodds 438 Philip John asked this on 2022-08-27 Philip John asked this on 2022-08-27 React, fullstack No     Mantine's callback with Remix's ActionFunction 2 2 43 43 Mantine's callback with Remix's ActionFunction full bd5cd4e2-5b05-4af0-825c-60af7114806f https://kentcdodds.com/calls/01/93/mantine-s-callback-with-remix-s-action-function I'm using Remix to create an app that displays a list of images, similar to a gallery. I am using Cloudinary for storage and Mantine for UI. Since I am using Mantine's DropZones control, it has an onDrop callback to handle dropped files, how could I direct it to Remix's ActionFunction to handle the dropped files since it's not a form, thus there's no post.

    Mantine's callback with Remix's ActionFunction

    ]]>     I'm using Remix to create an app that displays a list of images, similar to a gallery. I am using Cloudinary for storage and Mantine for UI. Since I am using Mantine's DropZones control, it has an onDrop callback to handle dropped files, how could I direct it to Remix's ActionFunction to handle the dropped files since it's not a form, thus there's no post.

    Mantine's callback with Remix's ActionFunction

    ]]>     Tue, 30 Aug 2022 08:16:49 -0600 Kent C. Dodds Kent C. Dodds 321 John asked this on 2022-08-24 John asked this on 2022-08-24 Remix, Mantine, Cloudinary, DropZones, ActionFunction, useFetcher No     How do you convince your team to use E2E? 2 2 42 42 How do you convince your team to use E2E? full 3cc347fb-28cf-43fc-ba89-f81ee0eaac5b https://kentcdodds.com/calls/01/92/how-do-you-convince-your-team-to-use-e2-e What arguments tend to convince engineers of how important E2E tests are in your experience?

    How do you convince your team to use E2E?

    ]]>     What arguments tend to convince engineers of how important E2E tests are in your experience?

    How do you convince your team to use E2E?

    ]]>     Mon, 29 Aug 2022 20:32:16 -0600 Kent C. Dodds Kent C. Dodds 303 Caio asked this on 2022-08-22 Caio asked this on 2022-08-22 e2e,cypress,playwright,testing,test,team, No     Migration from React/Rails hybrid to Remix 2 2 41 41 Migration from React/Rails hybrid to Remix full b3535ac0-3823-4dfd-af32-7c57f9f47499 https://kentcdodds.com/calls/01/91/migration-from-react-rails-hybrid-to-remix Seeking advice on pros and cons of migration an application from React/Rails to Remix

    Migration from React/Rails hybrid to Remix

    ]]>     Seeking advice on pros and cons of migration an application from React/Rails to Remix

    Migration from React/Rails hybrid to Remix

    ]]>     Fri, 26 Aug 2022 09:28:55 -0600 Kent C. Dodds Kent C. Dodds 632 Mark asked this on 2022-08-26 Mark asked this on 2022-08-26 React,Rails,Remix,Migration No     Do you have any thoughts on Playwright? 2 2 40 40 Do you have any thoughts on Playwright? full 6a1385ff-1828-45f5-b9b2-43d61643681f https://kentcdodds.com/calls/01/90/do-you-have-any-thoughts-on-playwright I wanted to know if you had the chance to try it and some of your thoughts on it!

    Do you have any thoughts on Playwright?

    ]]>     I wanted to know if you had the chance to try it and some of your thoughts on it!

    Do you have any thoughts on Playwright?

    ]]>     Wed, 24 Aug 2022 16:33:37 -0600 Kent C. Dodds Kent C. Dodds 270 Caio asked this on 2022-08-22 Caio asked this on 2022-08-22 playwright,testing,tools No     Using cookie/privacy policies on personal websites 2 2 39 39 Using cookie/privacy policies on personal websites full 36d9cf78-6bdb-4980-b21b-4d199c9071cf https://kentcdodds.com/calls/01/89/using-cookie-privacy-policies-on-personal-websites Hi, I have a personal website and I am wondering if there's a need to add a privacy and cookie policy. I also want to know your suggestions or recommendations around cookie policy managers and privacy policy content. If I were to use a self hosted or public analytics solution like umami or google analytics, do I then need to add a privacy/cookie policy to my site or it's always required to do so especially because of GDPR.

    Using cookie/privacy policies on personal websites

    ]]>     Hi, I have a personal website and I am wondering if there's a need to add a privacy and cookie policy. I also want to know your suggestions or recommendations around cookie policy managers and privacy policy content. If I were to use a self hosted or public analytics solution like umami or google analytics, do I then need to add a privacy/cookie policy to my site or it's always required to do so especially because of GDPR.

    Using cookie/privacy policies on personal websites

    ]]>     Tue, 23 Aug 2022 16:35:39 -0600 Kent C. Dodds Kent C. Dodds 373 Lance asked this on 2022-08-21 Lance asked this on 2022-08-21 privacy policy,cookie policy,cookie manager,cookies No     Leveling up your career while putting family first 2 2 38 38 Leveling up your career while putting family first full 36d06e9a-9810-4809-a1b7-f250b210af68 https://kentcdodds.com/calls/01/88/leveling-up-your-career-while-putting-family-first A question for Kent about spending time outside of work to learn new skills, while putting family first.

    Leveling up your career while putting family first

    ]]>     A question for Kent about spending time outside of work to learn new skills, while putting family first.

    Leveling up your career while putting family first

    ]]>     Tue, 16 Aug 2022 20:02:02 -0600 Kent C. Dodds Kent C. Dodds 422 Chris asked this on 2022-08-17 Chris asked this on 2022-08-17 family, career, productivity No     Live loading data with remix 2 2 37 37 Live loading data with remix full 4acc339c-152d-40ea-b055-8f20c33fc55d https://kentcdodds.com/calls/01/87/live-loading-data-with-remix To live load data when using a framework like Next.JS, I sometimes use swr or react query to do so. Since I am using the loaders in remix to initially load my data, how do I live load this data with remix, do I need to use swr/react-query with perhaps an api endpoint in my remix routes or is there a better way to fetch data from my remix loaders.

    Live loading data with remix

    ]]>     To live load data when using a framework like Next.JS, I sometimes use swr or react query to do so. Since I am using the loaders in remix to initially load my data, how do I live load this data with remix, do I need to use swr/react-query with perhaps an api endpoint in my remix routes or is there a better way to fetch data from my remix loaders.

    Live loading data with remix

    ]]>     Mon, 15 Aug 2022 09:25:04 -0600 Kent C. Dodds Kent C. Dodds 328 Lance asked this on 2022-08-14 Lance asked this on 2022-08-14 remix,react-query,swr,data-loading No     Using VPN during software development 2 2 36 36 Using VPN during software development full 73941bfe-6526-4234-84c8-b8ba68dae00b https://kentcdodds.com/calls/01/86/using-vpn-during-software-development Do you recommend the use of VPN when developing applications or is it something that should be left to the company, if the company requires it then you use it else there's no significant need for it.

    Using VPN during software development

    ]]>     Do you recommend the use of VPN when developing applications or is it something that should be left to the company, if the company requires it then you use it else there's no significant need for it.

    Using VPN during software development

    ]]>     Fri, 12 Aug 2022 10:54:35 -0600 Kent C. Dodds Kent C. Dodds 218 Lance asked this on 2022-08-10 Lance asked this on 2022-08-10 vpn,recommendation,software No     Why is there so much hate regarding React lately? 2 2 35 35 Why is there so much hate regarding React lately? full af1dffb9-9721-4b2b-9a9d-fdf0bd7577c2 https://kentcdodds.com/calls/01/85/why-is-there-so-much-hate-regarding-react-lately Wanted to know Kent's thoughts around the hate around React lately.

    Why is there so much hate regarding React lately?

    ]]>     Wanted to know Kent's thoughts around the hate around React lately.

    Why is there so much hate regarding React lately?

    ]]>     Thu, 11 Aug 2022 17:18:01 -0600 Kent C. Dodds Kent C. Dodds 1044 Aakash Sardana asked this on 2022-08-08 Aakash Sardana asked this on 2022-08-08 react No     Decomposing remix component 2 2 34 34 Decomposing remix component full b0a924fe-f9ad-4d56-ab5e-b28e714edbc7 https://kentcdodds.com/calls/01/84/decomposing-remix-component Where do the red lines go when the file gets too big?

    Decomposing remix component

    ]]>     Where do the red lines go when the file gets too big?

    Decomposing remix component

    ]]>     Wed, 10 Aug 2022 16:08:03 -0600 Kent C. Dodds Kent C. Dodds 375 Vadzim asked this on 2022-08-10 Vadzim asked this on 2022-08-10 remix, decomposing No     Jump from mid level to senior react developer 2 2 33 33 Jump from mid level to senior react developer full e02398bf-3285-4fed-92cf-54dd01f782be https://kentcdodds.com/calls/01/83/jump-from-mid-level-to-senior-react-developer I was stuck being "mid" level developer from a long time and I would like to know how to become a senior developer.

    Jump from mid level to senior react developer

    ]]>     I was stuck being "mid" level developer from a long time and I would like to know how to become a senior developer.

    Jump from mid level to senior react developer

    ]]>     Mon, 08 Aug 2022 17:22:46 -0600 Kent C. Dodds Kent C. Dodds 484 Miguel asked this on 2022-08-08 Miguel asked this on 2022-08-08 senior developer,react,mid-level developer No     React app doesn't work on IE11 2 2 32 32 React app doesn't work on IE11 full 2cc9240c-41ae-425e-a61b-63f9c7b4ca15 https://kentcdodds.com/calls/01/82/react-app-doesn-t-work-on-ie-11 React app that uses React library and transpiling through webpack and babel. It works on chrome and Edge and not on IE 11.

    React app doesn't work on IE11

    ]]>     React app that uses React library and transpiling through webpack and babel. It works on chrome and Edge and not on IE 11.

    React app doesn't work on IE11

    ]]>     Fri, 05 Aug 2022 10:26:57 -0600 Kent C. Dodds Kent C. Dodds 347 Naras asked this on 2022-08-03 Naras asked this on 2022-08-03 React, webpack, bable, IE11. No     Using userEvent vs fireEvent 2 2 31 31 Using userEvent vs fireEvent full ba097a9c-f783-4f40-ae7f-fb6ce2d3244a https://kentcdodds.com/calls/01/81/using-user-event-vs-fire-event Hey, it's been 2 years I started using RTL instead of Enzyme and recently I read your article about it and shared on Slack and that generated a huge thread with no conclusion, that's why I've asked on Twitter and now I'm doing the same here. Thanks

    Using userEvent vs fireEvent

    ]]>     Hey, it's been 2 years I started using RTL instead of Enzyme and recently I read your article about it and shared on Slack and that generated a huge thread with no conclusion, that's why I've asked on Twitter and now I'm doing the same here. Thanks

    Using userEvent vs fireEvent

    ]]>     Thu, 04 Aug 2022 18:03:47 -0600 Kent C. Dodds Kent C. Dodds 316 Rafaell asked this on 2022-07-30 Rafaell asked this on 2022-07-30 user event, RTL, best practices No     useMemo vs React.Memo when it comes to JSX 2 2 30 30 useMemo vs React.Memo when it comes to JSX full f03cee26-952a-4216-844a-3ac5b47adb3d https://kentcdodds.com/calls/01/80/use-memo-vs-react-memo-when-it-comes-to-jsx I was on the project with some really cool developers(ex Amazon) and I saw them using useMemo inside of the jsx, like this:

    So my question would be, do you think this is good practice or would you rather use React.memo for these kind of things....

    useMemo vs React.Memo when it comes to JSX

    ]]>     I was on the project with some really cool developers(ex Amazon) and I saw them using useMemo inside of the jsx, like this:

    So my question would be, do you think this is good practice or would you rather use React.memo for these kind of things....

    useMemo vs React.Memo when it comes to JSX

    ]]>     Wed, 03 Aug 2022 18:03:05 -0600 Kent C. Dodds Kent C. Dodds 286 Harun asked this on 2022-07-27 Harun asked this on 2022-07-27 React.Memo useMemo No     How to build a committed following 2 2 29 29 How to build a committed following full 132ac37b-fac6-4f06-a285-aae9cc98467d https://kentcdodds.com/calls/01/79/how-to-build-a-committed-following Do you have some thoughts you want to share about why you stopped asking for calls on https://kcd.im/calls?

    How to build a committed following

    ]]>     Do you have some thoughts you want to share about why you stopped asking for calls on https://kcd.im/calls?

    How to build a committed following

    ]]>     Tue, 02 Aug 2022 16:43:16 -0600 Kent C. Dodds Kent C. Dodds 433 Jan asked this on 2022-07-27 Jan asked this on 2022-07-27 podcast,youtube,following No     Learning Frontend Architecture 2 2 28 28 Learning Frontend Architecture full 4274944e-64fa-480d-9362-769a8ec58303 https://kentcdodds.com/calls/01/78/learning-frontend-architecture I am just curious if you have any good, high-quality materials I can learn from about Frontend Architecture.

    Learning Frontend Architecture

    ]]>     I am just curious if you have any good, high-quality materials I can learn from about Frontend Architecture.

    Learning Frontend Architecture

    ]]>     Mon, 01 Aug 2022 18:18:22 -0600 Kent C. Dodds Kent C. Dodds 251 Harun asked this on 2022-07-26 Harun asked this on 2022-07-26 Frontend Architecture,resources No     Querying the data in nested routes 2 2 27 27 Querying the data in nested routes full ee3fc388-0f44-46ce-a140-cee95b9155e9 https://kentcdodds.com/calls/01/77/querying-the-data-in-nested-routes Any way to pass data we fetched in some parent route to children route. There are cases where routes will need a same data. For example post details to show on details page and edit modal. Also user data is almost required on all the segments

    Querying the data in nested routes

    ]]>     Any way to pass data we fetched in some parent route to children route. There are cases where routes will need a same data. For example post details to show on details page and edit modal. Also user data is almost required on all the segments

    Querying the data in nested routes

    ]]>     Fri, 29 Jul 2022 11:11:40 -0600 Kent C. Dodds Kent C. Dodds 400 Hardik Modi asked this on 2022-07-26 Hardik Modi asked this on 2022-07-26 nested routing, data No     Nivo charts issue 2 2 26 26 Nivo charts issue full 3767d5cc-e9a5-49b6-9630-0e1d1e0523b6 https://kentcdodds.com/calls/01/76/nivo-charts-issue Nivo charts are not rendering in rtl render method.

    Nivo charts issue

    ]]>     Nivo charts are not rendering in rtl render method.

    Nivo charts issue

    ]]>     Thu, 28 Jul 2022 09:21:23 -0600 Kent C. Dodds Kent C. Dodds 416 Yogesh asked this on 2022-07-26 Yogesh asked this on 2022-07-26 rtl, nivo, charts, react No     i18n and Remix 2 2 25 25 i18n and Remix full eaca0bd7-e976-48fc-bdd5-03fa6e13ea91 https://kentcdodds.com/calls/01/75/i18n-and-remix Internationalization is an essential topic in many projects. However, as there is nothing about i18n in the official documentation, I wonder if you have any advice or best practices.

    i18n and Remix

    ]]>     Internationalization is an essential topic in many projects. However, as there is nothing about i18n in the official documentation, I wonder if you have any advice or best practices.

    i18n and Remix

    ]]>     Wed, 27 Jul 2022 08:56:35 -0600 Kent C. Dodds Kent C. Dodds 177 Nicolas asked this on 2022-07-25 Nicolas asked this on 2022-07-25 remix, i18n No     Tests for accessible error messages 2 2 24 24 Tests for accessible error messages full de41836f-b07c-42a8-852e-00fa11b5325f https://kentcdodds.com/calls/01/74/tests-for-accessible-error-messages Hi Kent!

    My name is Jan. I'd like to ask you: How do you write tests for accessible error messages with testing library?

    By accessible error messages, I mean, suppose you have a form with an input. You have a p tag which renders the error, if there is an error. And that p tag has an id.

    And now you pass this p tags id to the input as a value for the aria-describedby property.

    So far, I'm using byText to check for the existence of that error in my tests, but I was wondering whether there is a better query for that?

    Thank you!

     Tests for accessible error messages

    ]]>     Hi Kent!

    My name is Jan. I'd like to ask you: How do you write tests for accessible error messages with testing library?

    By accessible error messages, I mean, suppose you have a form with an input. You have a p tag which renders the error, if there is an error. And that p tag has an id.

    And now you pass this p tags id to the input as a value for the aria-describedby property.

    So far, I'm using byText to check for the existence of that error in my tests, but I was wondering whether there is a better query for that?

    Thank you!

     Tests for accessible error messages

    ]]>     Tue, 26 Jul 2022 09:23:42 -0600 Kent C. Dodds Kent C. Dodds 219 Jan asked this on 2022-07-25 Jan asked this on 2022-07-25 testing-library, accessibility, accessible errors, form, input, error, error message No     Asserting props.onClick in react-testing-library 2 2 23 23 Asserting props.onClick in react-testing-library full c7c1d1cb-d6a6-4a21-a8ff-ac53c6ac5a51 https://kentcdodds.com/calls/01/73/asserting-props-on-click-in-react-testing-library Should we assert on props.onClick while writing test cases in react-testing-library?

    Asserting props.onClick in react-testing-library

    ]]>     Should we assert on props.onClick while writing test cases in react-testing-library?

    Asserting props.onClick in react-testing-library

    ]]>     Mon, 25 Jul 2022 10:04:40 -0600 Kent C. Dodds Kent C. Dodds 336 Aakash Sardana asked this on 2022-07-23 Aakash Sardana asked this on 2022-07-23 react-testing-library, testing No     CatchBoundary on empty datasets 2 2 22 22 CatchBoundary on empty datasets full 8572fab0-d1cd-447a-8009-7442a4a17abd https://kentcdodds.com/calls/01/72/catch-boundary-on-empty-datasets Is it a valid pattern to use CatchBoundary's on empty datasets, and is it perhaps recommended by the Remix team?

    CatchBoundary on empty datasets 

    ]]>     Is it a valid pattern to use CatchBoundary's on empty datasets, and is it perhaps recommended by the Remix team?

    CatchBoundary on empty datasets 

    ]]>     Fri, 22 Jul 2022 16:35:25 -0600 Kent C. Dodds Kent C. Dodds 660 Zach asked this on 2022-07-22 Zach asked this on 2022-07-22 CatchBoundary, 404, errors, response No     Remix Anti-patterns 2 2 21 21 Remix Anti-patterns full e5ef5d35-91b0-441b-9c58-5de6c22206f8 https://kentcdodds.com/calls/01/71/remix-anti-patterns I'm building a new application with Remix and was curious if there were any emergent anti-patterns that you've seen appear in the community. Remix does a lot to structure the application, but sometimes it can feel like the initial structure isn't quite right or is missing some quality of life improvements.

    Remix Anti-patterns

    ]]>     I'm building a new application with Remix and was curious if there were any emergent anti-patterns that you've seen appear in the community. Remix does a lot to structure the application, but sometimes it can feel like the initial structure isn't quite right or is missing some quality of life improvements.

    Remix Anti-patterns

    ]]>     Thu, 21 Jul 2022 14:21:03 -0600 Kent C. Dodds Kent C. Dodds 274 Jake asked this on 2022-07-21 Jake asked this on 2022-07-21 remix,architecture,security,anti-patterns No     Why Framer Motion for Animations 2 2 20 20 Why Framer Motion for Animations full 3fd052c0-4e79-4ba2-86f1-454c4c1e6060 https://kentcdodds.com/calls/01/70/why-framer-motion-for-animations Why Framer Motion for animations?

    Why Framer Motion for Animations

    ]]>     Why Framer Motion for animations?

    Why Framer Motion for Animations

    ]]>     Wed, 20 Jul 2022 10:23:41 -0600 Kent C. Dodds Kent C. Dodds 158 Lucas asked this on 2022-07-19 Lucas asked this on 2022-07-19 animation No     Lack of experience when problem solving 2 2 19 19 Lack of experience when problem solving full cb6d6995-972e-420a-88b2-3fe8d5dcd65f https://kentcdodds.com/calls/01/69/lack-of-experience-when-problem-solving Hey Kent, when you began working as a developer, did you face issues when problem solving as in getting stuck? How did you manage to get through those? Is there anything that helped you "think better" or "think clearer" to solve issues?

    Lack of experience when problem solving 

    ]]>     Hey Kent, when you began working as a developer, did you face issues when problem solving as in getting stuck? How did you manage to get through those? Is there anything that helped you "think better" or "think clearer" to solve issues?

    Lack of experience when problem solving 

    ]]>     Tue, 19 Jul 2022 16:39:38 -0600 Kent C. Dodds Kent C. Dodds 438 Gustavo asked this on 2022-07-19 Gustavo asked this on 2022-07-19 problem solving, software development, thought process, materials, books No     How to identify which button submits a form 2 2 18 18 How to identify which button submits a form full 8348ab07-abf5-4bf6-afb3-e2622e3911d3 https://kentcdodds.com/calls/01/68/how-to-identify-which-button-submits-a-form Which is the best way to know inside of an action function in Remix with which button a form was submitted

    In this example the name is "action", but again I prefer to call this "intent": https://github.com/remix-run/remix/blob/d0d500849fbd87eace23bb3d479b7c556e314109/examples/multiple-forms/app/routes/invitations.tsx#L70-L75

    How to identify which button submits a form

    ]]>     Which is the best way to know inside of an action function in Remix with which button a form was submitted

    In this example the name is "action", but again I prefer to call this "intent": https://github.com/remix-run/remix/blob/d0d500849fbd87eace23bb3d479b7c556e314109/examples/multiple-forms/app/routes/invitations.tsx#L70-L75

    How to identify which button submits a form

    ]]>     Mon, 18 Jul 2022 10:11:34 -0600 Kent C. Dodds Kent C. Dodds 210 Christian asked this on 2022-07-15 Christian asked this on 2022-07-15 remix,actions,submit No     Thinking process when reviewing code 2 2 17 17 Thinking process when reviewing code full 8a8ceeb9-6783-4e20-b8a4-d1be6fa4a4d1 https://kentcdodds.com/calls/01/67/thinking-process-when-reviewing-code Code review is an important practice and increases code quality as well as develops your dev team. What's your thinking process when starting to review a new pull request?

    Thinking process when reviewing code

    ]]>     Code review is an important practice and increases code quality as well as develops your dev team. What's your thinking process when starting to review a new pull request?

    Thinking process when reviewing code

    ]]>     Fri, 15 Jul 2022 11:35:29 -0600 Kent C. Dodds Kent C. Dodds 393 Petro asked this on 2022-07-15 Petro asked this on 2022-07-15 review, quality, team No     Do you read the React source code? 2 2 16 16 Do you read the React source code? full 2d95dadb-7f0d-4387-bbdb-d1c10edd3c1f https://kentcdodds.com/calls/01/66/do-you-read-the-react-source-code Question about reading react sources in order to become a better programmer. Should one do this or it's not necessary at all. And if it's possible, give a clue, please, where to start to read and understand what's going on inside React library.

    Do you read the React source code?

    ]]>     Question about reading react sources in order to become a better programmer. Should one do this or it's not necessary at all. And if it's possible, give a clue, please, where to start to read and understand what's going on inside React library.

    Do you read the React source code?

    ]]>     Thu, 14 Jul 2022 09:45:25 -0600 Kent C. Dodds Kent C. Dodds 263 Yurii asked this on 2022-07-13 Yurii asked this on 2022-07-13 React, React source code No     Isolate FE and BE apps vs Remix Full Stack 2 2 15 15 Isolate FE and BE apps vs Remix Full Stack full dc1055a9-e3af-4a8f-b44a-54e722c3c103 https://kentcdodds.com/calls/01/65/isolate-fe-and-be-apps-vs-remix-full-stack Having things isolated from one another makes more sense to me since scaling the application would be easier to do.

    Isolate FE and BE apps vs Remix Full Stack

    ]]>     Having things isolated from one another makes more sense to me since scaling the application would be easier to do.

    Isolate FE and BE apps vs Remix Full Stack

    ]]>     Wed, 13 Jul 2022 09:53:38 -0600 Kent C. Dodds Kent C. Dodds 234 Irakli asked this on 2022-07-12 Irakli asked this on 2022-07-12 back-end,front-end,scaling,nestjs,node No     Using Remix with a custom backend (Nestjs) 2 2 14 14 Using Remix with a custom backend (Nestjs) full c41cbb14-61fa-4603-a74c-afb631051d7e https://kentcdodds.com/calls/01/64/using-remix-with-a-custom-backend-nestjs Understanding why its good to continue to use server sider rendering with a custom backend and adding the extra middle layer for Remix to handle

    ]]>     Understanding why its good to continue to use server sider rendering with a custom backend and adding the extra middle layer for Remix to handle

    ]]>     Tue, 12 Jul 2022 13:03:32 -0600 Kent C. Dodds Kent C. Dodds 446 Irakli asked this on 2022-07-12 Irakli asked this on 2022-07-12 SSR,server-side-rendering,client-side-rendering,middleware No     Feedback speed in TDD 2 2 13 13 Feedback speed in TDD full 2451b207-11c5-4057-b97b-6f9e74ec30bc https://kentcdodds.com/calls/01/63/feedback-speed-in-tdd What feedback speed should we aim for in a frontend test suite? What's too slow?

    ]]>     What feedback speed should we aim for in a frontend test suite? What's too slow?

    ]]>     Mon, 11 Jul 2022 09:35:26 -0600 Kent C. Dodds Kent C. Dodds 295 Paulus asked this on 2022-07-11 Paulus asked this on 2022-07-11 Tdd, testing, integration, unit tests No     Understand what's effect and what is derived state 2 2 12 12 Understand what's effect and what is derived state full 1e067cd2-4879-4f40-bfd7-cc676679fb3f https://kentcdodds.com/calls/01/62/understand-what-s-effect-and-what-is-derived-state How to understand what should be stored in the state and what should be derived from that state. And also how to understand there isn't need in useEffect hook.

    https://kentcdodds.com/blog/dont-sync-state-derive-it

    ]]>     How to understand what should be stored in the state and what should be derived from that state. And also how to understand there isn't need in useEffect hook.

    https://kentcdodds.com/blog/dont-sync-state-derive-it

    ]]>     Sat, 09 Jul 2022 10:23:33 -0600 Kent C. Dodds Kent C. Dodds 387 Yurii asked this on 2022-07-08 Yurii asked this on 2022-07-08 React, effect hook, derived state, tic tac toe No     Order of Courses to Take 2 2 11 11 Order of Courses to Take full bc5f1f93-0526-42b1-835a-c7fcbdcdcc9e https://kentcdodds.com/calls/01/61/order-of-courses-to-take What should be the order of courses that I should take?

    ]]>     What should be the order of courses that I should take?

    ]]>     Wed, 06 Jul 2022 15:03:32 -0600 Kent C. Dodds Kent C. Dodds 324 Abdul Latheef asked this on 2022-06-17 Abdul Latheef asked this on 2022-06-17 learning path, order, courses No     State bloating vs api call (again and again) 2 2 10 10 State bloating vs api call (again and again) full 073caebc-79b9-4c00-8717-0bdd1495f686 https://kentcdodds.com/calls/01/60/state-bloating-vs-api-call-again-and-again When a user enters the tab (btw it's a SPA) I call the api in useEffect and saving the response in redux store. May I know is it better approach to call the api again and again when the user leaves and enters the page? (In this case I see a flicker of loading every time) or storing the response in redux store (UX for this screen is good but is it harming the performance overall?) or storing the response in component state? (Is there any difference b/w this and above approach performance wise?)

    Thanks again for this opportunity & Regards Rahimuddin

    ]]>     When a user enters the tab (btw it's a SPA) I call the api in useEffect and saving the response in redux store. May I know is it better approach to call the api again and again when the user leaves and enters the page? (In this case I see a flicker of loading every time) or storing the response in redux store (UX for this screen is good but is it harming the performance overall?) or storing the response in component state? (Is there any difference b/w this and above approach performance wise?)

    Thanks again for this opportunity & Regards Rahimuddin

    ]]>     Fri, 24 Jun 2022 12:15:30 -0600 Kent C. Dodds Kent C. Dodds 400 Rahimuddin asked this on 2022-06-16 Rahimuddin asked this on 2022-06-16 React, redux, state-management No     Separation of rendering vs logics custom hooks 2 2 9 9 Separation of rendering vs logics custom hooks full 54b9f081-72b3-4a7e-a1f0-2e50fd389183 https://kentcdodds.com/calls/01/59/separation-of-rendering-vs-logics-custom-hooks I recently joined a company where they use a lot of custom hooks for separating logics at the level of a component.

    When to break up a component into multiple components

    ]]>     I recently joined a company where they use a lot of custom hooks for separating logics at the level of a component.

    When to break up a component into multiple components

    ]]>     Fri, 24 Jun 2022 12:09:10 -0600 Kent C. Dodds Kent C. Dodds 287 Harun asked this on 2022-05-25 Harun asked this on 2022-05-25 custom hooks No     Imposter Syndrome and Working at FAANG 2 2 8 8 Imposter Syndrome and Working at FAANG full 5ab42a44-603a-4b65-8219-285c0b4e98de https://kentcdodds.com/calls/01/58/imposter-syndrome-and-working-at-faang Hello Kent, my name is Joshua Osagie, I'm a software developer focusing mostly on front-end dev (https://www.joshx.dev my portfolio website).

    I made this call because you've been a big inspiration and model in my React/JavaScript journey. I've taken some of your courses on egghead.io and recently I told my boss about your EpicReact course.

    I really appreciate what you're doing in the React/JS ecosystem, and I do hope you receive this recording.

    Thank you!

    ]]>     Hello Kent, my name is Joshua Osagie, I'm a software developer focusing mostly on front-end dev (https://www.joshx.dev my portfolio website).

    I made this call because you've been a big inspiration and model in my React/JavaScript journey. I've taken some of your courses on egghead.io and recently I told my boss about your EpicReact course.

    I really appreciate what you're doing in the React/JS ecosystem, and I do hope you receive this recording.

    Thank you!

    ]]>     Fri, 24 Jun 2022 08:52:06 -0600 Kent C. Dodds Kent C. Dodds 423 Joshua asked this on 2022-05-21 Joshua asked this on 2022-05-21 help, imposter syndrome, productivity,react,remote job No     In a Startup only testing in the backend? 2 2 7 7 In a Startup only testing in the backend? full ce41d1cb-7083-4d25-bd06-8a5b4bbae421 https://kentcdodds.com/calls/01/57/in-a-startup-only-testing-in-the-backend Startup says that we should be only testing on the backend, since the frontend is changing so fast, so no need to test the frontend, just a couple of integration tests.

    ]]>     Startup says that we should be only testing on the backend, since the frontend is changing so fast, so no need to test the frontend, just a couple of integration tests.

    ]]>     Thu, 19 May 2022 18:30:23 -0600 Kent C. Dodds Kent C. Dodds 260 Billi asked this on 2022-05-17 Billi asked this on 2022-05-17 testing,frontend,react,testing-library No     Using GraphQL queries in Remix loader functions 2 2 6 6 Using GraphQL queries in Remix loader functions full d273afe2-f4f4-4def-bc2b-d1411115e337 https://kentcdodds.com/calls/01/56/using-graph-ql-queries-in-remix-loader-functions Hey Kent! We've been using Hasura to generate CRUD APIs for our small team. Our existing web applications are all using Next.js, and consume the GraphQL API via Apollo Client and TypeScript hooks generated from the remote schema using graphql-code-generator. This workflow has saved us a lot of time, particularly in API development, and I love the generated type-safe hooks. After watching your new Remix content, we're very excited to try Remix as an alternative to Next, mostly to leverage the performance benefits and the effortless error boundaries within nested routes. Do you have some best practices for utilizing GraphQL queries in Remix loader functions? It would be great for us to continue to take advantage of code generation, if possible. Thank you so much!

    Links:

    ]]>     Hey Kent! We've been using Hasura to generate CRUD APIs for our small team. Our existing web applications are all using Next.js, and consume the GraphQL API via Apollo Client and TypeScript hooks generated from the remote schema using graphql-code-generator. This workflow has saved us a lot of time, particularly in API development, and I love the generated type-safe hooks. After watching your new Remix content, we're very excited to try Remix as an alternative to Next, mostly to leverage the performance benefits and the effortless error boundaries within nested routes. Do you have some best practices for utilizing GraphQL queries in Remix loader functions? It would be great for us to continue to take advantage of code generation, if possible. Thank you so much!

    Links:

    ]]>     Tue, 17 May 2022 10:56:09 -0600 Kent C. Dodds Kent C. Dodds 216 Myles asked this on 2021-12-02 Myles asked this on 2021-12-02 remix,nextjs,loader,graphql,hasura,code+generation,typescript No     Servers + Databases + Remix 2 2 5 5 Servers + Databases + Remix full e3de94cf-0909-4b36-b75f-39b95e273e03 https://kentcdodds.com/calls/01/55/servers-databases-remix I am trying to figure out my stack on the backend side of things for Remix, more specifically services that will allow my server side code to run at the edge be it the server itself or the database or both so that everyone everywhere can use my app at super fast speeds. There are not a lot of resources out there about the best services out there that do this and I am wondering if you have any suggestions where I can begin to look for such services

    ]]>     I am trying to figure out my stack on the backend side of things for Remix, more specifically services that will allow my server side code to run at the edge be it the server itself or the database or both so that everyone everywhere can use my app at super fast speeds. There are not a lot of resources out there about the best services out there that do this and I am wondering if you have any suggestions where I can begin to look for such services

    ]]>     Tue, 17 May 2022 10:50:30 -0600 Kent C. Dodds Kent C. Dodds 315 Waswa asked this on 2022-03-11 Waswa asked this on 2022-03-11 server, database, remix No     I love your website! ITS BEAUTIFUL. 2 2 4 4 I love your website! ITS BEAUTIFUL. full 846699e7-d35c-44f4-bc70-396065fb1515 https://kentcdodds.com/calls/01/54/i-love-your-website-its-beautiful I love your website! ITS BEAUTIFUL.

    ]]>     I love your website! ITS BEAUTIFUL.

    ]]>     Tue, 17 May 2022 10:40:35 -0600 Kent C. Dodds Kent C. Dodds 98 didem asked this on 2021-12-12 didem asked this on 2021-12-12 LOVE No     How can I incentivize users to not share accounts? 2 2 3 3 How can I incentivize users to not share accounts? full 26b81316-dc73-44a9-8caf-a691306d47bf https://kentcdodds.com/calls/01/53/how-can-i-incentivize-users-to-not-share-accounts I would really prefer to use magic links for authentication rather than username/password. However, I'm running into an issue where several of our clients share a single account login which means many people logging in don't have access to the email inbox. We already don't charge per user, but have you come across this situation before? Any tips on how we can incentivize users to use individual accounts?

    ]]>     I would really prefer to use magic links for authentication rather than username/password. However, I'm running into an issue where several of our clients share a single account login which means many people logging in don't have access to the email inbox. We already don't charge per user, but have you come across this situation before? Any tips on how we can incentivize users to use individual accounts?

    ]]>     Tue, 17 May 2022 10:38:50 -0600 Kent C. Dodds Kent C. Dodds 199 Benjamin asked this on 2021-12-02 Benjamin asked this on 2021-12-02 magic links, log in, authentication No     Could the useState be used without the setter? 2 2 2 2 Could the useState be used without the setter? full 866c289c-43d2-403d-9b55-2bb3bc2081ad https://kentcdodds.com/calls/01/52/could-the-use-state-be-used-without-the-setter I have a question... could the useState be used without using the setter? because a teammate use it in that way to get an item from sessionStorage

    const [initialScrollPosition] = useState(() => Number.parseFloat(sessionStorage.getItem('offset') || 0));

    and argues that this is so that the component is not unnecessarily rerendered and to read the sessionStorage only once! 🤔 but I think we can use useMemo for those cases but the useState is still used in this form in several components.

    ]]>     I have a question... could the useState be used without using the setter? because a teammate use it in that way to get an item from sessionStorage

    const [initialScrollPosition] = useState(() => Number.parseFloat(sessionStorage.getItem('offset') || 0));

    and argues that this is so that the component is not unnecessarily rerendered and to read the sessionStorage only once! 🤔 but I think we can use useMemo for those cases but the useState is still used in this form in several components.

    ]]>     Mon, 13 Dec 2021 13:58:31 -0700 Kent C. Dodds Kent C. Dodds 363 Claudia asked this on 2021-11-29 Claudia asked this on 2021-11-29 react, useState, lazy initialization No     Best way to reset a form 2 2 1 1 Best way to reset a form full f4dc9571-d6e0-4d0b-8e09-837d85097780 https://kentcdodds.com/calls/01/51/bestway-to-reset-a-form This is a question about: Improve the Performance of your React Forms

    In the example, submitting the form successfully will still retain the current values of the fields.

    I want the behavior such that"

    1. when the server response says the form is NOT submitted successfully, then the form field will have the current values that has been inputted by the user
    2. But when the server response says that the form is successfully submitted, then the form fields will be blank again.

    What's do you think is the best and most performant (and readable) code to approach this in pure React? The approach which will reduce the amount of unnecessary rerenders of the fields?

    Thank you!

    ]]>     This is a question about: Improve the Performance of your React Forms

    In the example, submitting the form successfully will still retain the current values of the fields.

    I want the behavior such that"

    1. when the server response says the form is NOT submitted successfully, then the form field will have the current values that has been inputted by the user
    2. But when the server response says that the form is successfully submitted, then the form fields will be blank again.

    What's do you think is the best and most performant (and readable) code to approach this in pure React? The approach which will reduce the amount of unnecessary rerenders of the fields?

    Thank you!

    ]]>     Tue, 07 Dec 2021 08:15:41 -0700 Kent C. Dodds Kent C. Dodds 327 Mithi asked this on 2021-11-22 Mithi asked this on 2021-11-22 react, forms, performance No     How to decide among advanced react patterns? 1 1 50 50 How to decide among advanced react patterns? full c71dfd65-372b-4d1f-a39f-62e3bf272558 https://kentcdodds.com/calls/01/50/how-to-decide-among-advanced-react-patterns So this short call is about when to use which advanced react pattern to create re-usable components. Like are there any indications or things that make you think about why one approach is better than the other.

    ]]>     So this short call is about when to use which advanced react pattern to create re-usable components. Like are there any indications or things that make you think about why one approach is better than the other.

    ]]>     Thu, 02 Dec 2021 12:40:24 -0700 Kent C. Dodds Kent C. Dodds 432 Sumit asked this on 2021-11-21 Sumit asked this on 2021-11-21 advanced react pattern, epicreact.dev, react pattern No     Handling difficult co-workers and/or leadership 1 1 49 49 Handling difficult co-workers and/or leadership full fc84ac7a-dc35-4600-baf0-f7b79378371b https://kentcdodds.com/calls/01/49/handling-difficult-co-workers-and-or-leadership Your thoughts on staying positive and patient with unfriendly co-workers and/or leadership, and how to handle when they are disrespectful towards you.

    ]]>     Your thoughts on staying positive and patient with unfriendly co-workers and/or leadership, and how to handle when they are disrespectful towards you.

    ]]>     Mon, 29 Nov 2021 15:27:40 -0700 Kent C. Dodds Kent C. Dodds 324 Bailey asked this on 2021-11-17 Bailey asked this on 2021-11-17 improvement, positivity, co-workers No     Use React frameworks (Remix) for SPAs 1 1 48 48 Use React frameworks (Remix) for SPAs full de83e086-1293-46dd-b858-4e5bf0f4fe39 https://kentcdodds.com/calls/01/48/use-react-frameworks-remix-for-sp-as There are many applications that consist mostly of a single page. Will we get any benefit if we use frameworks like Remix or Next.js for these?

    ]]>     There are many applications that consist mostly of a single page. Will we get any benefit if we use frameworks like Remix or Next.js for these?

    ]]>     Fri, 19 Nov 2021 12:57:03 -0700 Kent C. Dodds Kent C. Dodds 329 Raghuvir asked this on 2021-11-19 Raghuvir asked this on 2021-11-19 react, remix, next.js, spa No     Isolating tests 1 1 47 47 Isolating tests full 8502cbb0-e045-4a2c-a79e-df99287c17dd https://kentcdodds.com/calls/01/47/isolating-tests I am using testing library to test my React app and one of my tests leaks or somehow affecting and causing another one to fail if they are in the same file. They work just fine in separate files. What can be the reason for this?

    ]]>     I am using testing library to test my React app and one of my tests leaks or somehow affecting and causing another one to fail if they are in the same file. They work just fine in separate files. What can be the reason for this?

    ]]>     Wed, 17 Nov 2021 14:26:29 -0700 Kent C. Dodds Kent C. Dodds 279 Burak asked this on 2021-11-13 Burak asked this on 2021-11-13 React Testing Library, Jest, test, JavaScript No     Versioning and dependency management for libraries 1 1 46 46 Versioning and dependency management for libraries full 7d2d1533-1f49-468b-aa0c-afc102a86dcb https://kentcdodds.com/calls/01/46/versioning-and-dependency-management-for-libraries How did you approach versioning and dependency management when you were building this reusable component library at PayPal? I would like to know 1. How did you go about introducing breaking changes? 2. How did you make sure that people are using the latest version of your library or it doesn’t matter if they are using the same version? What’s bad about having different teams using different versions of the same library?

    ]]>     How did you approach versioning and dependency management when you were building this reusable component library at PayPal? I would like to know 1. How did you go about introducing breaking changes? 2. How did you make sure that people are using the latest version of your library or it doesn’t matter if they are using the same version? What’s bad about having different teams using different versions of the same library?

    ]]>     Mon, 15 Nov 2021 17:42:52 -0700 Kent C. Dodds Kent C. Dodds 307 Zhenghao asked this on 2021-11-13 Zhenghao asked this on 2021-11-13 reusable library, versioning, dependency management No     Full stack framework vs front-end with saas 1 1 45 45 Full stack framework vs front-end with saas full 2c2f50c5-2b93-44e6-a3a0-1af42058b9db https://kentcdodds.com/calls/01/45/full-stack-framework-vs-front-end-with-saas I have a question with regards to building out a minimum viable product. I am comparing using a full stack framework like django, that includes authentication and arm’s and routing and all the batteries builtin, versus creating a react app with all the backend farmed out to saas offering like auth0 for auth and the millions of sql/nosql/graphql.

    With django approach, you have simple dynamic pages with server side generation and when you’re ready you can separate out the frontend to something built with react, import django rest framework and have your backend api ready to go

    With the saas approach you can just focus on the front-end and scale as much as you want. And then build your own custom services to reduce costs when you’re ready. But you have to deal with integrating all those saas services to your application.

    ]]>     I have a question with regards to building out a minimum viable product. I am comparing using a full stack framework like django, that includes authentication and arm’s and routing and all the batteries builtin, versus creating a react app with all the backend farmed out to saas offering like auth0 for auth and the millions of sql/nosql/graphql.

    With django approach, you have simple dynamic pages with server side generation and when you’re ready you can separate out the frontend to something built with react, import django rest framework and have your backend api ready to go

    With the saas approach you can just focus on the front-end and scale as much as you want. And then build your own custom services to reduce costs when you’re ready. But you have to deal with integrating all those saas services to your application.

    ]]>     Fri, 12 Nov 2021 22:45:06 -0700 Kent C. Dodds Kent C. Dodds 394 Guillaume asked this on 2021-11-12 Guillaume asked this on 2021-11-12 Saas, fullstack MVP No     Learning Gaps & Cluelessness as a Developer 1 1 44 44 Learning Gaps & Cluelessness as a Developer full 3c83bcd7-c731-473c-8f50-f63bdb65a335 https://kentcdodds.com/calls/01/44/learning-gaps-and-cluelessness-as-a-developer Hello Kent, I learnt software development in a self-taught path and I really didn't do a good job (Now I know) because when I hear words like Serverless and others, I don't have the first clue what they are talking about. In summary, I'm clueless about a lot of things and I need help.

    ]]>     Hello Kent, I learnt software development in a self-taught path and I really didn't do a good job (Now I know) because when I hear words like Serverless and others, I don't have the first clue what they are talking about. In summary, I'm clueless about a lot of things and I need help.

    ]]>     Wed, 10 Nov 2021 06:31:48 -0700 Kent C. Dodds Kent C. Dodds 466 David asked this on 2021-11-10 David asked this on 2021-11-10 Learning Gaps, Cluelessness No     Alfred and/or ScriptKit? 1 1 43 43 Alfred and/or ScriptKit? full 66b450b1-dd2c-4c56-82e0-f25bd9bbf2ec https://kentcdodds.com/calls/01/43/alfred-and-or-script-kit Your thoughts on Alfred and ScriptKit.

    ]]>     Your thoughts on Alfred and ScriptKit.

    ]]>     Sat, 06 Nov 2021 09:13:54 -0600 Kent C. Dodds Kent C. Dodds 461 Bouwe asked this on 2021-11-06 Bouwe asked this on 2021-11-06 alfred, scriptkit, productivity, automation No     Why React JS? 1 1 42 42 Why React JS? full 30d09a81-2660-4602-9451-d94cd6acc768 https://kentcdodds.com/calls/01/42/why-react-js We're observing a lot of feedback about React and started to think "why". Why not Svetle or Vue? Why not something else.

    And it's also inspired by what you have put on the epicreact.dev landing page about why React is awesome.

    One of the good examples for more context please read: https://dev.to/jfbrennan/really-why-react-5958

    ]]>     We're observing a lot of feedback about React and started to think "why". Why not Svetle or Vue? Why not something else.

    And it's also inspired by what you have put on the epicreact.dev landing page about why React is awesome.

    One of the good examples for more context please read: https://dev.to/jfbrennan/really-why-react-5958

    ]]>     Fri, 05 Nov 2021 12:06:57 -0600 Kent C. Dodds Kent C. Dodds 1402 Artur asked this on 2021-11-05 Artur asked this on 2021-11-05 reactjs, double-edged sword, experience No     Bailing out of re-rendering in useState 1 1 41 41 Bailing out of re-rendering in useState full dc1cb22c-de9a-4229-9710-9b10acf14ef3 https://kentcdodds.com/calls/01/41/bailing-out-of-re-rendering-in-use-state If useState contains a simple value like string or int, setting a new value that is the same as the existing value will not cause the component to re-render. However, if useState contains an object and I update the state with a new object that contains the exact same values, it will trigger the component to re-render. The React documentation says that is used Object.is to compare values. My 2 objects are identical, so why does the re-render happen?

    ]]>     If useState contains a simple value like string or int, setting a new value that is the same as the existing value will not cause the component to re-render. However, if useState contains an object and I update the state with a new object that contains the exact same values, it will trigger the component to re-render. The React documentation says that is used Object.is to compare values. My 2 objects are identical, so why does the re-render happen?

    ]]>     Fri, 05 Nov 2021 11:34:05 -0600 Kent C. Dodds Kent C. Dodds 268 Dale asked this on 2021-11-05 Dale asked this on 2021-11-05 useState No     Remix Styling w/CSS in JS 1 1 40 40 Remix Styling w/CSS in JS full 17f128eb-91b8-427b-ae9a-ad93d1e8255c https://kentcdodds.com/calls/01/40/remix-styling-w-css-in-js Trying to figure out whether a CSS in JS approach will take a significance performance hit when using Remix, and whether it would be better to stick to remote and plain stylesheets.

    Also wondering whether Remix has any Babel-like class naming structure, or if there might be support for Babel in the future.

    ]]>     Trying to figure out whether a CSS in JS approach will take a significance performance hit when using Remix, and whether it would be better to stick to remote and plain stylesheets.

    Also wondering whether Remix has any Babel-like class naming structure, or if there might be support for Babel in the future.

    ]]>     Thu, 04 Nov 2021 19:15:48 -0600 Kent C. Dodds Kent C. Dodds 509 Dan asked this on 2021-11-05 Dan asked this on 2021-11-05 remix,css-in-js,babel,styling No     Learning web development the right way 1 1 39 39 Learning web development the right way full ab67ea61-e63c-4ab6-9229-dc3b2833b032 https://kentcdodds.com/calls/01/39/learning-web-development-the-right-way As web developers, we come across a lot of topics and want to build a solid foundation on them. We also need to know what to focus on at certain stages in our journey.

    ]]>     As web developers, we come across a lot of topics and want to build a solid foundation on them. We also need to know what to focus on at certain stages in our journey.

    ]]>     Wed, 03 Nov 2021 10:41:33 -0600 Kent C. Dodds Kent C. Dodds 427 Raghuvir asked this on 2021-11-02 Raghuvir asked this on 2021-11-02 beginners, learning, tutorial hell No     Testing a Drag and Drop Experience 1 1 38 38 Testing a Drag and Drop Experience full 46bfeab8-ae82-429b-b43e-6023aa8a97a5 https://kentcdodds.com/calls/01/38/testing-a-drag-and-drop-experience Can I test drag and drop with React Testing library?

    ]]>     Can I test drag and drop with React Testing library?

    ]]>     Tue, 02 Nov 2021 16:33:21 -0600 Kent C. Dodds Kent C. Dodds 239 Naras asked this on 2021-11-02 Naras asked this on 2021-11-02 React DnD,drage-and-drop No     Protected route and redirect after payment 1 1 37 37 Protected route and redirect after payment full 4561c38d-2fdd-4e5a-b45f-5933b52d9e7c https://share.transistor.fm/s/db0bf683 Hey Kent,

    Thanks for the chance to ask you a question. This is about protected route and 3rd party payment flow, ending in a re-direct back to my website. The user would need to re-login again. How to avoid that?

    ]]>     Hey Kent,

    Thanks for the chance to ask you a question. This is about protected route and 3rd party payment flow, ending in a re-direct back to my website. The user would need to re-login again. How to avoid that?

    ]]>     Wed, 27 Oct 2021 17:02:18 -0600 Kent C. Dodds Kent C. Dodds 377 Vadim asked this on 2021-10-27 Vadim asked this on 2021-10-27 protected, redirect, router No     Making changes on a new team 1 1 36 36 Making changes on a new team full a127e8a5-077f-4e94-92d0-5c943049cd93 https://kentcdodds.com/calls/01/36/making-changes-on-a-new-team As a designer/developer on a new team, where I'm also the most experienced, but haven't been given the path to recommending change wherever necessary. In other words, I was brought on to be an individual contributor, not specifically a consultant, although it's very obvious in many places that the app lacked a designer, and that the code lacked senior developers. For context, they don't do JavaScript testing because "the team was new when we started and we wanted them to get off and running." So the question is how one can implement change, and be a useful consultant to make the product better for the user, but do so diplomatically. Or does one just do one's job and not make suggestions?

    ]]>     As a designer/developer on a new team, where I'm also the most experienced, but haven't been given the path to recommending change wherever necessary. In other words, I was brought on to be an individual contributor, not specifically a consultant, although it's very obvious in many places that the app lacked a designer, and that the code lacked senior developers. For context, they don't do JavaScript testing because "the team was new when we started and we wanted them to get off and running." So the question is how one can implement change, and be a useful consultant to make the product better for the user, but do so diplomatically. Or does one just do one's job and not make suggestions?

    ]]>     Tue, 26 Oct 2021 15:40:44 -0600 Kent C. Dodds Kent C. Dodds 807 Jess asked this on 2021-10-26 Jess asked this on 2021-10-26 diplomacy, design, maturity No     Building an Open Source Website 1 1 35 35 Building an Open Source Website full 63fbe709-aa3d-4462-ba3d-b39ee0bbccce https://kentcdodds.com/calls/01/35/building-an-open-source-website We are looking to build an open source website for students of our organization in college. What are some tips that can help with the building and management of such a project.

    ]]>     We are looking to build an open source website for students of our organization in college. What are some tips that can help with the building and management of such a project.

    ]]>     Tue, 26 Oct 2021 15:27:20 -0600 Kent C. Dodds Kent C. Dodds 536 Noah asked this on 2021-10-26 Noah asked this on 2021-10-26 open source, students, university, project No     Question about testing alongside RTL 1 1 34 34 Question about testing alongside RTL full 21e14ef4-739e-4079-a209-451178286e6a https://kentcdodds.com/calls/01/34/question-about-testing-alongside-rtl We use RTL at work and I also use it for personal project. I understand what RTL is and what it isn't. My question is what are you using alongside RTL in terms of frontend testing? At work I'm pondering implementing Visual Regression testing on a large React application to cover things like unwanted CSS changes, but am also afraid of the overhead. Also, have you found any times that unit testing > RTL?

    ]]>     We use RTL at work and I also use it for personal project. I understand what RTL is and what it isn't. My question is what are you using alongside RTL in terms of frontend testing? At work I'm pondering implementing Visual Regression testing on a large React application to cover things like unwanted CSS changes, but am also afraid of the overhead. Also, have you found any times that unit testing > RTL?

    ]]>     Mon, 25 Oct 2021 09:56:43 -0600 Kent C. Dodds Kent C. Dodds 441 Mike asked this on 2021-10-25 Mike asked this on 2021-10-25 RTL, React Testing Library, unit testing, visual regression testing, React, Javascript No     Create web components in React 1 1 33 33 Create web components in React full a5419f95-dd89-4d1a-97bd-b49725d71ccd https://kentcdodds.com/calls/01/33/create-web-components-in-react I wonder if you have any thoughts about creating web components in React.

    ]]>     I wonder if you have any thoughts about creating web components in React.

    ]]>     Fri, 22 Oct 2021 14:12:28 -0600 Kent C. Dodds Kent C. Dodds 449 Nicolas asked this on 2021-10-22 Nicolas asked this on 2021-10-22 react, web components No     Magic links require timely email delivery 1 1 32 32 Magic links require timely email delivery full a7f70c87-7f91-45aa-86a6-f7a4d5743918 https://kentcdodds.com/calls/01/32/magic-links-require-timely-email-delivery When relying solely on passwordless magic links for signing users in to your application, you make the timely delivery of these links to people's inboxes a critical dependency for using your app. Though unlikely, it's not impossible that a mail service provider experiences an outage blocking your users for logging in. Less dramatic, but equally likely, your application might get throttled which could cause these login emails to arrive after the included links have already expired. What are your thoughts on this?

    ]]>     When relying solely on passwordless magic links for signing users in to your application, you make the timely delivery of these links to people's inboxes a critical dependency for using your app. Though unlikely, it's not impossible that a mail service provider experiences an outage blocking your users for logging in. Less dramatic, but equally likely, your application might get throttled which could cause these login emails to arrive after the included links have already expired. What are your thoughts on this?

    ]]>     Wed, 20 Oct 2021 17:41:53 -0600 Kent C. Dodds Kent C. Dodds 408 Marc asked this on 2021-10-15 Marc asked this on 2021-10-15 email,outage,authentication,magic,links No     Some advice for developers about the design 1 1 31 31 Some advice for developers about the design full f2323587-2cc7-4fe1-a1ac-072614f1cc9f https://kentcdodds.com/calls/01/31/some-advice-for-developers-about-the-design I wonder how you created the design for kentcdodds.com.It would be great if some resources or tips are shared.

    ]]>     I wonder how you created the design for kentcdodds.com.It would be great if some resources or tips are shared.

    ]]>     Wed, 20 Oct 2021 17:33:48 -0600 Kent C. Dodds Kent C. Dodds 163 ThangPhan asked this on 2021-10-16 ThangPhan asked this on 2021-10-16 design, tips, experience No     Pricing low-demand workshops 1 1 30 30 Pricing low-demand workshops full 7a0591f4-2f82-4830-a4bc-e50d89d80bda https://kentcdodds.com/calls/01/30/pricing-low-demand-workshops How should I think about pricing a workshop when demand for it is low? I enjoy the topic so I'm happy to teach it, and I want to be paid fairly for my time, but I don't expect to get much re-sale value out of it.

    ]]>     How should I think about pricing a workshop when demand for it is low? I enjoy the topic so I'm happy to teach it, and I want to be paid fairly for my time, but I don't expect to get much re-sale value out of it.

    ]]>     Wed, 20 Oct 2021 17:27:43 -0600 Kent C. Dodds Kent C. Dodds 308 Adam asked this on 2021-10-18 Adam asked this on 2021-10-18 workshops, teaching, pricing No     Why XState? 1 1 29 29 Why XState? full 9e4f619c-7e90-4bdd-bef8-c99dac056e08 https://kentcdodds.com/calls/01/29/why-x-state I see you use XState on your new website. Why and how do you use it? Are there any best practices and pitfalls?

    ]]>     I see you use XState on your new website. Why and how do you use it? Are there any best practices and pitfalls?

    ]]>     Tue, 19 Oct 2021 07:36:13 -0600 Kent C. Dodds Kent C. Dodds 387 Nayaab asked this on 2021-10-17 Nayaab asked this on 2021-10-17 xstate, state management No     Forms in React 1 1 28 28 Forms in React full 08c29082-96e5-4e93-a00c-5ee84670582d https://kentcdodds.com/calls/01/28/forms-in-react What do you use for dealing with forms in React?

    ]]>     What do you use for dealing with forms in React?

    ]]>     Tue, 19 Oct 2021 07:29:33 -0600 Kent C. Dodds Kent C. Dodds 288 Oliver asked this on 2021-10-15 Oliver asked this on 2021-10-15 Forms, React No     How small should components be 1 1 27 27 How small should components be full 8dc99be9-659f-4be5-a7ad-e74ebf15de3e https://kentcdodds.com/calls/01/27/how-small-should-components-be I was wondering how to decide when the html is too trivial to turn into a component. For example turning msg into a component. Maybe it's useful for styled components? Thanks

    ]]>     I was wondering how to decide when the html is too trivial to turn into a component. For example turning msg into a component. Maybe it's useful for styled components? Thanks

    ]]>     Tue, 19 Oct 2021 07:24:27 -0600 Kent C. Dodds Kent C. Dodds 238 Guillaume asked this on 2021-10-17 Guillaume asked this on 2021-10-17 components,granularity,small No     Using Fly.io Replays 1 1 26 26 Using Fly.io Replays full 75174ccf-8aaf-41ce-9cef-8391556a738a https://kentcdodds.com/calls/01/26/using-fly-io-replays Finding out more about the best places to use Fly.io's request replays, when to use it and when not to use it.

    ]]>     Finding out more about the best places to use Fly.io's request replays, when to use it and when not to use it.

    ]]>     Mon, 18 Oct 2021 16:27:58 -0600 Kent C. Dodds Kent C. Dodds 766 Jonathan asked this on 2021-10-14 Jonathan asked this on 2021-10-14 fly.io, request replay, prefers region No     Why is forwardRef required to limit re-renders? 1 1 25 25 Why is forwardRef required to limit re-renders? full e54edf4c-9f68-4fe4-b639-591b32e51738 https://kentcdodds.com/calls/01/25/why-is-forward-ref-required-to-limit-re-renders In the "Fix perf death by a thousand cuts" exercise in the Epic React Performance workshop, extra credit 3 "write an HOC to get a slice of app state": why is forwarding the ref in the HOC required to actually prevent all the Cells from re-rendering?

    ]]>     In the "Fix perf death by a thousand cuts" exercise in the Epic React Performance workshop, extra credit 3 "write an HOC to get a slice of app state": why is forwarding the ref in the HOC required to actually prevent all the Cells from re-rendering?

    ]]>     Mon, 18 Oct 2021 16:13:07 -0600 Kent C. Dodds Kent C. Dodds 444 Agata asked this on 2021-10-16 Agata asked this on 2021-10-16 EpicReact, Performance, HOC, forwardRef No     Traditional logins vs. passwordless magic links 1 1 24 24 Traditional logins vs. passwordless magic links full 24be9f2d-cd61-4533-8929-b23262e976f2 https://kentcdodds.com/calls/01/24/traditional-logins-vs-passwordless-magic-links Your website currently uses magic links to sign in users. This seems to be a completely secure method of authentication, yet is still quite uncommon compared to the traditional username + password combo's. Why do you think that is? If it's just as secure, or perhaps more secure, how can we improve adoption of this method?

    ]]>     Your website currently uses magic links to sign in users. This seems to be a completely secure method of authentication, yet is still quite uncommon compared to the traditional username + password combo's. Why do you think that is? If it's just as secure, or perhaps more secure, how can we improve adoption of this method?

    ]]>     Thu, 14 Oct 2021 09:50:14 -0600 Kent C. Dodds Kent C. Dodds 848 Marc asked this on 2021-10-14 Marc asked this on 2021-10-14 authentication,magic links,passwordless login No     How to plan curriculum 1 1 23 23 How to plan curriculum full e2cfd354-ba2b-4765-92c6-b4a618e730d3 https://kentcdodds.com/calls/01/23/how-to-plan-curriculum I need some tips to write a course and suggestions to choose the app idea, decompose it into lessons, things to focus on, deploy the app and writing tests.

    ]]>     I need some tips to write a course and suggestions to choose the app idea, decompose it into lessons, things to focus on, deploy the app and writing tests.

    ]]>     Wed, 13 Oct 2021 12:29:26 -0600 Kent C. Dodds Kent C. Dodds 288 Slim asked this on 2021-10-13 Slim asked this on 2021-10-13 writing course, teaching,planning,ubd, understanding by design No     Why Remix over other React frameworks? 1 1 22 22 Why Remix over other React frameworks? full bd26b5b9-4a96-4d25-960d-423e96380251 https://kentcdodds.com/calls/01/22/why-remix-over-other-react-frameworks What brings you to Remix over other React frameworks like Next and Gatsby? Remix is going open source soon so I'd love to pad my excitement even further with knowing truly what it brings over its competitors.

    ]]>     What brings you to Remix over other React frameworks like Next and Gatsby? Remix is going open source soon so I'd love to pad my excitement even further with knowing truly what it brings over its competitors.

    ]]>     Tue, 12 Oct 2021 14:34:52 -0600 Kent C. Dodds Kent C. Dodds 2144 Kyle asked this on 2021-10-12 Kyle asked this on 2021-10-12 Remix, NextJS, Gatsby, SSR, React, SSG, Transitional Apps No     What did paypal-scripts do? 1 1 21 21 What did paypal-scripts do? full 1bda353a-214f-4cbb-a705-81f82c84493a https://kentcdodds.com/calls/01/21/what-did-paypal-scripts-do I'd like to learn more about paypal-scripts. What tasks did the package cover: linting, transpiling, CI, deploy, etc. Please share any advice you can about starting a similar toolkit.

    ]]>     I'd like to learn more about paypal-scripts. What tasks did the package cover: linting, transpiling, CI, deploy, etc. Please share any advice you can about starting a similar toolkit.

    ]]>     Mon, 11 Oct 2021 12:03:37 -0600 Kent C. Dodds Kent C. Dodds 375 Brian asked this on 2021-10-11 Brian asked this on 2021-10-11 paypal-scripts, tools, linting, javascript No     What are your thoughts on Svelte? 1 1 20 20 What are your thoughts on Svelte? full 5ccea01e-141e-480d-92a6-559e116d3d33 https://kentcdodds.com/calls/01/20/what-are-your-thoughts-on-svelte Cam asks Kent his thoughts on the uprising JS framework, Svelte.

    Remix

    ]]>     Cam asks Kent his thoughts on the uprising JS framework, Svelte.

    Remix

    ]]>     Sat, 09 Oct 2021 14:21:33 -0600 Kent C. Dodds Kent C. Dodds 681 Cam asked this on 2021-10-09 Cam asked this on 2021-10-09 svelte,remix, react No     Where did those diagrams come from? 1 1 19 19 Where did those diagrams come from? full 21539c39-7add-44aa-b3b8-a48143d2f3b2 https://kentcdodds.com/calls/01/19/where-did-those-diagrams-come-from I wonder how you created those architecture diagrams with that hand drawn feel to them.

    ]]>     I wonder how you created those architecture diagrams with that hand drawn feel to them.

    ]]>     Sat, 09 Oct 2021 09:34:48 -0600 Kent C. Dodds Kent C. Dodds 159 John asked this on 2021-10-07 John asked this on 2021-10-07 architecture, diagrams, drawing No     Filling CS concept holes as a non-CS major? 1 1 18 18 Filling CS concept holes as a non-CS major? full d6cc3f2c-ca5e-45ef-aaa5-3ab2e2d06348 https://kentcdodds.com/calls/01/18/filling-cs-concept-holes-as-a-non-cs-major I come from non-CS background, MIS. Since you also come from a non-CS background, did you find that you needed to fill in any holes in your knowledge to get to where you are today?

    ]]>     I come from non-CS background, MIS. Since you also come from a non-CS background, did you find that you needed to fill in any holes in your knowledge to get to where you are today?

    ]]>     Thu, 07 Oct 2021 12:07:04 -0600 Kent C. Dodds Kent C. Dodds 348 Muhammad asked this on 2021-10-07 Muhammad asked this on 2021-10-07 Computer science, MIS, knowledge, background, traditional, CS No     How to buy for EpicReact in "installments" 1 1 17 17 How to buy for EpicReact in "installments" full 4e1f07aa-a82d-402e-8ba1-d2d37415fefb https://kentcdodds.com//calls/01/17/how-to-buy-for-epic-react-in-installments Epic React has been on my radar ever since you started teasing it on Twitter. To me it feels like a "must have" that I "can't have". Obviously, it has a pretty hefty price tag, which I'm sure it more than warrants. But because of that price tag, it becomes unaffordable to me personally, and with my workplace being quite small, they're not always as forthcoming as I'd hope when it comes to paying for something like this either.

    I was wondering if you've ever considered adding payment options to your courses to make them more affordable in the short term, allowing people like me to pay over several months, potentially via a service similar to ClearPay or Klarna, or whatever else is out there!

    I'm sure there are more intricacies to something like this, but would love to hear your thoughts!

    Thanks!

    ]]>     Epic React has been on my radar ever since you started teasing it on Twitter. To me it feels like a "must have" that I "can't have". Obviously, it has a pretty hefty price tag, which I'm sure it more than warrants. But because of that price tag, it becomes unaffordable to me personally, and with my workplace being quite small, they're not always as forthcoming as I'd hope when it comes to paying for something like this either.

    I was wondering if you've ever considered adding payment options to your courses to make them more affordable in the short term, allowing people like me to pay over several months, potentially via a service similar to ClearPay or Klarna, or whatever else is out there!

    I'm sure there are more intricacies to something like this, but would love to hear your thoughts!

    Thanks!

    ]]>     Wed, 06 Oct 2021 09:45:33 -0600 Kent C. Dodds Kent C. Dodds 376 Nick asked this on 2021-10-06 Nick asked this on 2021-10-06 epicreact, clearpay, klarna, payment options No     Best approach for building headless components 1 1 16 16 Best approach for building headless components full e8050eb0-c413-4e49-bed3-5c1dfbe7ea45 https://kentcdodds.com//calls/01/16/best-approach-for-building-headless-components Which of the approaches you have talked about (prop getters & compound components) is best for building UI-free components? Inspired by this thread.

    P.S. I think you should definitely rename prop getters to the IKEA pattern.

    ]]>     Which of the approaches you have talked about (prop getters & compound components) is best for building UI-free components? Inspired by this thread.

    P.S. I think you should definitely rename prop getters to the IKEA pattern.

    ]]>     Wed, 06 Oct 2021 09:39:05 -0600 Kent C. Dodds Kent C. Dodds 545 Dan asked this on 2021-10-06 Dan asked this on 2021-10-06 headless, getters, compound, react No     Cypress Component Testing Library vs Jest 1 1 15 15 Cypress Component Testing Library vs Jest full 739b4e06-3a2c-49f4-a0f2-f556fc248843 https://kentcdodds.com//calls/01/15/cypress-component-testing-library-vs-jest Libraries comparison: pros and cons of cypress Component Testing Library vs RTL

    Cypress Testing Library

    ]]>     Libraries comparison: pros and cons of cypress Component Testing Library vs RTL

    Cypress Testing Library

    ]]>     Tue, 28 Sep 2021 21:00:12 -0600 Kent C. Dodds Kent C. Dodds 284 Giuseppe asked this on 2021-09-24 Giuseppe asked this on 2021-09-24 cypress, react, unit testing, component testing No     How does Remix manage many CSS files in a page? 1 1 14 14 How does Remix manage many CSS files in a page? full 5e0ab870-ba2a-4217-b0d3-50a97fc331eb https://kentcdodds.com//calls/01/14/how-does-remix-manage-many-css-files-in-a-page That’s a follow-up question to Call Kent Podcast 09 “How to style?"

    Did you mention on "Call Kent Podcast 09 - How to style?" the remix capability to get the link tags removed from the page when the route is no longer active and with that, the styles could get removed as well, helping to avoid CSS clashes.

    How does Remix manage situations where the page that is active has multiple components, and those components are using different CSS files and potentially changing the same selector style (both could be changing the p tag)? Or even if the page itself is using multiple CSS files?

    How does remix manage situations where it needs to handle multiple CSS files that need to be used on the page that is active and it still needs to avoid clashes?

    Thanks for answering, Kent!

    ]]>     That’s a follow-up question to Call Kent Podcast 09 “How to style?"

    Did you mention on "Call Kent Podcast 09 - How to style?" the remix capability to get the link tags removed from the page when the route is no longer active and with that, the styles could get removed as well, helping to avoid CSS clashes.

    How does Remix manage situations where the page that is active has multiple components, and those components are using different CSS files and potentially changing the same selector style (both could be changing the p tag)? Or even if the page itself is using multiple CSS files?

    How does remix manage situations where it needs to handle multiple CSS files that need to be used on the page that is active and it still needs to avoid clashes?

    Thanks for answering, Kent!

    ]]>     Fri, 24 Sep 2021 09:34:38 -0600 Kent C. Dodds Kent C. Dodds 256 Breno asked this on 2021-09-22 Breno asked this on 2021-09-22 css,remix,style No     Mirage JS over MSW? 1 1 13 13 Mirage JS over MSW? full 526e7bec-bb9a-4451-9896-9478e2db6c38 https://kent.dev/calls/01/13/mirage-js-over-msw Want to see what would be your opinions regarding MirageJs and if it could be a potential replacement of MSW.

    ]]>     Want to see what would be your opinions regarding MirageJs and if it could be a potential replacement of MSW.

    ]]>     Thu, 23 Sep 2021 09:13:30 -0600 Kent C. Dodds Kent C. Dodds 364 Rene asked this on 2021-09-21 Rene asked this on 2021-09-21 MSW, MirageJS,Testing,Mocks No     Work Life Balance 1 1 12 12 Work Life Balance full 48093002-b1b2-4ce0-bfdc-7883453d5353 https://kent.dev/calls/01/12/work-life-balance There's no doubt that Kent C. Dodds is a top teacher on the web helping people write quality software. What does the work life balance look like for someone at this level? How can one continuously be on top of the latest changes on the web, while maintaining that work life balance.

    ]]>     There's no doubt that Kent C. Dodds is a top teacher on the web helping people write quality software. What does the work life balance look like for someone at this level? How can one continuously be on top of the latest changes on the web, while maintaining that work life balance.

    ]]>     Wed, 22 Sep 2021 09:51:10 -0600 Kent C. Dodds Kent C. Dodds 602 Frank asked this on 2021-09-21 Frank asked this on 2021-09-21 work life, new tech, aspire, No     How much of seniority is about code skills? 1 1 11 11 How much of seniority is about code skills? full b47428e0-e4df-475f-a754-a79657d8cc5a https://kent.dev/calls/01/11/how-much-of-seniority-is-about-code-skills Coming up with a huge precedence from testingjavascript people can tend to come up with unfair expectations for other content such as "Epic React", I would love to hear your thoughts on what to expect from your content while looking for seniority levels

    ]]>     Coming up with a huge precedence from testingjavascript people can tend to come up with unfair expectations for other content such as "Epic React", I would love to hear your thoughts on what to expect from your content while looking for seniority levels

    ]]>     Tue, 21 Sep 2021 14:12:36 -0600 Kent C. Dodds Kent C. Dodds 479 Alexis asked this on 2021-09-20 Alexis asked this on 2021-09-20 seniority, courses, epic react, testingjavacript, career No     Firm skills 1 1 10 10 Firm skills full 0c172780-ce0d-4740-9ff6-407f3c85271d https://kent.dev/calls/01/10/firm-skills Question about documentation / tests / naming convention as an important software engineer skill

    ]]>     Question about documentation / tests / naming convention as an important software engineer skill

    ]]>     Mon, 20 Sep 2021 08:23:03 -0600 Kent C. Dodds Kent C. Dodds 321 Axel asked this on 2021-09-19 Axel asked this on 2021-09-19 firm skills,improvement No     How to style? 1 1 9 9 How to style? full 3f73eb1a-8cc0-44d7-8f84-911b53b38cbb https://kent.dev/calls/01/09/how-to-style Nowadays, we have a bunch of approaches that we can take to style our applications, like: pure CSS, pre-processors, CSS Modules, utilities, component UI’s, CSS in JS and for some of them, we have another bunch of libraries that we can choose as well. Sometimes we can get lost in the middle of them trying to find the better one for our needs.

    What do you take into consideration when choosing an approach to style?

    Do you think that some use cases fit better in one approach than in another?

    Is there a particular approach that you believe is ahead of the rest? Or do you prefer?

    So, how to style?

    ]]>     Nowadays, we have a bunch of approaches that we can take to style our applications, like: pure CSS, pre-processors, CSS Modules, utilities, component UI’s, CSS in JS and for some of them, we have another bunch of libraries that we can choose as well. Sometimes we can get lost in the middle of them trying to find the better one for our needs.

    What do you take into consideration when choosing an approach to style?

    Do you think that some use cases fit better in one approach than in another?

    Is there a particular approach that you believe is ahead of the rest? Or do you prefer?

    So, how to style?

    ]]>     Sun, 19 Sep 2021 12:07:42 -0600 Kent C. Dodds Kent C. Dodds 546 Breno asked this on 2021-09-19 Breno asked this on 2021-09-19 css,style,css-in-js,component-us,css-utilities No     SSG Hype 1 1 8 8 SSG Hype full f227181a-7a02-4a27-bc04-79d976b60745 https://kentcdodds.com/calls/01/08/ssg-hype Why do you think there’s still so much hype around JamStack and SSG, when form submissions and server redirects for data mutations tend to work better a lot of the time? There’s not a lot of ecosystem interest (outside of Remix) to lean on this baked-in superpower of the web, and I find that interesting. This is less about the tech, and more about the psychology in the JS ecosystem. Maybe it’s a funding or marketing thing?
    next-runtime

    ]]>     Why do you think there’s still so much hype around JamStack and SSG, when form submissions and server redirects for data mutations tend to work better a lot of the time? There’s not a lot of ecosystem interest (outside of Remix) to lean on this baked-in superpower of the web, and I find that interesting. This is less about the tech, and more about the psychology in the JS ecosystem. Maybe it’s a funding or marketing thing?
    next-runtime

    ]]>     Wed, 15 Sep 2021 16:15:50 -0600 Kent C. Dodds Kent C. Dodds 835 Darius asked this on 2021-09-15 Darius asked this on 2021-09-15 ssg, jamstack, remix, forms, redirects, ecosystem, next, marketing No     Managing Burnout 1 1 7 7 Managing Burnout full 4a8d6c5c-38f3-44bd-9222-5451df2de79f https://kentcdodds.com/calls/01/07/managing-burnout I’ve been feeling burned out lately and wanted to hear how do you deal with it.

    ]]>     I’ve been feeling burned out lately and wanted to hear how do you deal with it.

    ]]>     Fri, 10 Sep 2021 11:13:36 -0600 Kent C. Dodds Kent C. Dodds 208 Yago asked this on 2021-09-10 Yago asked this on 2021-09-10 burnout,career,mental health No     Make It Stick: Interleave Curves 1 1 6 6 Make It Stick: Interleave Curves full d5e5309d-f87f-427b-aa37-e8704ce07569 https://kentcdodds.com/calls/01/06/make-it-stick-interleave-curves In the book Make it Stick: The Science of Successful Learning. They suggest that for mastery of a subject you should be using interleave curves. The analogy given in the book to explain that is while practicing baseball you should be switching between straight and curveballs instead of doing just one or the other. What does that look like in practice while studying a topic? 

    ]]>     In the book Make it Stick: The Science of Successful Learning. They suggest that for mastery of a subject you should be using interleave curves. The analogy given in the book to explain that is while practicing baseball you should be switching between straight and curveballs instead of doing just one or the other. What does that look like in practice while studying a topic? 

    ]]>     Tue, 07 Sep 2021 16:03:53 -0600 Kent C. Dodds Kent C. Dodds 311 Dev asked this on 2021-09-07 Dev asked this on 2021-09-07 Make It Stick, Interleave Curves, Baseball No     What is the best way to go through EpicReact? 1 1 5 5 What is the best way to go through EpicReact? full f61d412a-d4df-46f4-a122-f5b5956c5d67 https://kentcdodds.com/calls/01/05/what-is-the-best-way-to-go-through-epic-react As a self taught dev who is looking to get their first job in the industry, how do you think the best way to balance this course and personal projects is? What do you think is the best use of my time as a developer to not only gain the most from this course, but also show off and apply the knowledge.

    ]]>     As a self taught dev who is looking to get their first job in the industry, how do you think the best way to balance this course and personal projects is? What do you think is the best use of my time as a developer to not only gain the most from this course, but also show off and apply the knowledge.

    ]]>     Tue, 07 Sep 2021 15:54:09 -0600 Kent C. Dodds Kent C. Dodds 563 Kyle asked this on 2021-09-04 Kyle asked this on 2021-09-04 EpicReact, Self Taught, Education, Learning No     How do you find new technology 1 1 4 4 How do you find new technology full bfc98354-b876-4a76-abf9-5cc1fc066a21 https://kentcdodds.com/calls/01/04/how-do-you-find-new-technology Asking Kent for insight into how he finds new technologies to use for his projects.

    Zero to 60 in Software Development: How to Jumpstart Your Career - Forward 4 Web Summit

    ]]>     Asking Kent for insight into how he finds new technologies to use for his projects.

    Zero to 60 in Software Development: How to Jumpstart Your Career - Forward 4 Web Summit

    ]]>     Mon, 06 Sep 2021 23:29:53 -0600 Kent C. Dodds Kent C. Dodds 165 Vonta asked this on 2021-09-05 Vonta asked this on 2021-09-05 javascript, technology, projects, api No     Difference in methods emanating from screen and render 1 1 3 3 Difference in methods emanating from screen and render full d8f0fab1-d0c2-45c0-97c6-92bd6d686394 https://kentcdodds.com/calls/01/03/difference-in-methods-emanating-from-screen-and-render What’s the difference between `screen.getByText` and `const { getByText } = render()`
    More generically - what’s the difference between methods originating from these different objects

    Common mistakes with React Testing Library - Not Using Screen

    ]]>     What’s the difference between `screen.getByText` and `const { getByText } = render()`
    More generically - what’s the difference between methods originating from these different objects

    Common mistakes with React Testing Library - Not Using Screen

    ]]>     Fri, 03 Sep 2021 11:40:57 -0600 Kent C. Dodds Kent C. Dodds 278 Brandon asked this on 2021-09-03 Brandon asked this on 2021-09-03 screen, render, react-testing-library No     Dealing with "act" warning on react testing 1 1 2 2 Dealing with "act" warning on react testing full cf79e923-7ccd-47ad-b6b4-f3cb1057f870 https://kentcdodds.com/calls/01/02/dealing-with-act-warning-on-react-testing 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?

    Fix the “not wrapped in act(…)” warning

    ]]>     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?

    Fix the “not wrapped in act(…)” warning

    ]]>     Fri, 03 Sep 2021 11:28:49 -0600 Kent C. Dodds Kent C. Dodds 380 Luis Carlos asked this on 2021-09-03 Luis Carlos asked this on 2021-09-03 react, react-testing-library, act No     Reusing components between different projects 1 1 1 1 Reusing components between different projects full 729a7413-851f-46af-af07-4b74f9bf3fb1 https://kentcdodds.com/calls/01/01/reusing-components-between-different-projects bit.dev is one option I’ve considered, but I’m curious what you would do.

    ]]>     bit.dev is one option I’ve considered, but I’m curious what you would do.

    ]]>     Fri, 03 Sep 2021 10:50:01 -0600 Kent C. Dodds Kent C. Dodds 365 Brandon asked this on 2021-09-03 Brandon asked this on 2021-09-03 bit.dev, bit, reusability,components No