The Call Kent Podcast

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

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" 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 But when the server response says that the f...

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.

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

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?

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?

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

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

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.

Your thoughts on Alfred and ScriptKit.

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 Why I Love React The Beginner's Guide to React

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

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. Why Remix over other React frameworks? How Remix makes CSS clashes predictable

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. Deciding What Not To Learn How to get started with programming Dealing with FOMO How to get experience as a software engineer How to React ⚛️

Can I test drag and drop with React Testing library?

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? Super Simple Start to Remix Stop using client-side route redirects

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

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

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

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

I wonder how you created the design for kentcdodds.com. It would be great if some resources or tips are shared. Design for Developers by Sarah Drasner Refactoring UI by Adam Wathan and Steve Schoger

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.

I see you use XState on your new website. Why and how do you use it? Are there any best practices and pitfalls? Implementing a simple state machine library in JavaScript

What do you use for dealing with forms in React? Improve the Performance of your React Forms