The Call Kent Podcast

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 ma...

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? EpicWeb config Balancing Conventions and Flexibility in Large Codebases

I build UI and UX for a company using React. What should I do next? How do I get to the senior level? Stop Being a Junior Go down to level up EpicReact.dev Build React Hooks I'm a React dev... What now?

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

What are good examples of open source projects implementing extensive automated testing strategy for frontend? Epic Stack Skill Recordings Products TestingJavaScript.com Testing Fundamentals Workshop Web Application Testing Workshop Good open source projects implementing frontend testing strategy

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?

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 Enhance...

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! Avoid Nesting when you're Testing AHA Testing Test Cleanup: in the test or in afterEach

simple question on time commitments to coding. How many hours do you spend coding?

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 console.time and console.timeEnd patch-package Remix Vite In Production

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 b...

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

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 pr...

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

How to develop component library which can easily adapt multiple design languages Mux Player: Customize the look and feel React Aria React Spectrum Design the React component library

Seeking advice on optimizing website hosting for SEO with Remix. Search Engine Optimization on EpicWeb.dev How I built a modern website in 2021 I Migrated from a Postgres Cluster to Distributed SQLite with LiteFS Fly.io PartyKit

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 useNavigation kentcdodds.com progress epic-stack progress Progress bar for mutations in Remix

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

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

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 Butto...

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

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 wh...

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. One React mistake that's slowing you down Improve the Perfo...

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

What are the pros and cons of the flat routes vs the v2 router? Are you planning to switch at some point? New File System Route Conventions by Ryan Remix Flat Routes vs Remix v2 Router