The Call Kent Podcast
197 episodes - English - Latest episode: 16 days ago -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
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
Question about testing a reusable component
September 02, 2022 16:45 - 7 minutes - 6.45 MBin response to this tweet: https://twitter.com/Rovolutionary/status/1564338893691953154 Question about testing a reusable component
Full Stack Developers... Why?
August 31, 2022 17:45 - 7 minutes - 6.72 MBWhy do we need full stack developer? "Your job as CEO of a startup is to hire generalists to build and then hire specialists to scale. Pretty simple." - Adam Gazdecki Full Stack Developers... Why?
Mantine's callback with Remix's ActionFunction
August 30, 2022 14:16 - 5 minutes - 4.95 MBI'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. Example useFetcher useSubmit Mantine's callback with Remix's ActionFunction
How do you convince your team to use E2E?
August 30, 2022 02:32 - 5 minutes - 4.67 MBWhat arguments tend to convince engineers of how important E2E tests are in your experience? The Testing Trophy and Tearing Classifications Common Testing Mistakes How do you convince your team to use E2E?
Migration from React/Rails hybrid to Remix
August 26, 2022 15:28 - 10 minutes - 9.7 MBSeeking advice on pros and cons of migration an application from React/Rails to Remix Remix Discord Remix GitHub Discussions Migration from React/Rails hybrid to Remix
Do you have any thoughts on Playwright?
August 24, 2022 22:33 - 4 minutes - 4.17 MBI 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?
Using cookie/privacy policies on personal websites
August 23, 2022 22:35 - 6 minutes - 5.74 MBHi, 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. KCD Fathom Transparency Using cookie/privacy policies on ...
Leveling up your career while putting family first
August 17, 2022 02:02 - 7 minutes - 6.48 MBA question for Kent about spending time outside of work to learn new skills, while putting family first. How I'm So Productive Zero to Sixty in Software Development: How to Jumpstart Your Career Leveling up your career while putting family first
Live loading data with remix
August 15, 2022 15:25 - 5 minutes - 5.05 MBTo 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. remix-sse-live-viewers Live loading data with remix
Using VPN during software development
August 12, 2022 16:54 - 3 minutes - 3.38 MBDo 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
Why is there so much hate regarding React lately?
August 11, 2022 23:18 - 17 minutes - 16 MBWanted to know Kent's thoughts around the hate around React lately. Why is there so much hate regarding React lately?
Decomposing remix component
August 10, 2022 22:08 - 6 minutes - 5.77 MBWhere do the red lines go when the file gets too big? todos.tsx When to break up a component into multiple components -Colocation Decomposing remix component
Jump from mid level to senior react developer
August 08, 2022 23:22 - 8 minutes - 7.44 MBI 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
React app doesn't work on IE11
August 05, 2022 16:26 - 5 minutes - 5.34 MBReact app that uses React library and transpiling through webpack and babel. It works on chrome and Edge and not on IE 11. Remix Browser Support Remix Philosophy: Progressive Enhancement Babel present-env MDN Can I use... React app doesn't work on IE11
Using userEvent vs fireEvent
August 05, 2022 00:03 - 5 minutes - 4.88 MBHey, 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 userEvent docs Using userEvent vs fireEvent
useMemo vs React.Memo when it comes to JSX
August 04, 2022 00:03 - 4 minutes - 4.41 MBI 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.... Fix the slow render before you fix the re-render useMemo vs React.Memo when it comes to JSX
How to build a committed following
August 02, 2022 22:43 - 7 minutes - 6.65 MBDo 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
Learning Frontend Architecture
August 02, 2022 00:18 - 4 minutes - 3.88 MBI am just curious if you have any good, high-quality materials I can learn from about Frontend Architecture. Fundamentals of Software Architecture: An Engineering Approach The Pragmatic Programmer: Your Journey To Mastery, 20th Anniversary Edition (2nd Edition) Learning Frontend Architecture
Querying the data in nested routes
July 29, 2022 17:11 - 6 minutes - 6.15 MBAny 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 Example of useMatches in the stacks Querying the data in nested routes
Nivo charts issue
July 28, 2022 15:21 - 6 minutes - 6.39 MBNivo charts are not rendering in rtl render method. Nivo charts issue
i18n and Remix
July 27, 2022 14:56 - 2 minutes - 2.76 MBInternationalization 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. remix-i18next i18n and Remix
Tests for accessible error messages
July 26, 2022 15:23 - 3 minutes - 3.39 MBHi 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 wheth...
Asserting props.onClick in react-testing-library
July 25, 2022 16:04 - 5 minutes - 5.17 MBShould we assert on props.onClick while writing test cases in react-testing-library? Testing Implementation Details Asserting props.onClick in react-testing-library
CatchBoundary on empty datasets
July 22, 2022 22:35 - 11 minutes - 10.1 MBIs it a valid pattern to use CatchBoundary's on empty datasets, and is it perhaps recommended by the Remix team? Discord Thread Stack Overflow Link Status Codes 405 404 CatchBoundary on empty datasets
Remix Anti-patterns
July 21, 2022 20:21 - 4 minutes - 4.23 MBI'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
Why Framer Motion for Animations
July 20, 2022 16:23 - 2 minutes - 2.46 MBWhy Framer Motion for animations? Why Framer Motion for Animations
Lack of experience when problem solving
July 19, 2022 22:39 - 7 minutes - 6.73 MBHey 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
How to identify which button submits a form
July 18, 2022 16:11 - 3 minutes - 3.25 MBWhich 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
Thinking process when reviewing code
July 15, 2022 17:35 - 6 minutes - 6.04 MBCode 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? Dr. Michaela Greiler Makes Code Reviews Your Team's Superpower 10 Tips for Respectful and Constructive Code Review Feedback Thinking process when reviewing code
Do you read the React source code?
July 14, 2022 15:45 - 4 minutes - 4.06 MBQuestion 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?
Isolate FE and BE apps vs Remix Full Stack
July 13, 2022 15:53 - 3 minutes - 3.62 MBHaving 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
Using Remix with a custom backend (Nestjs)
July 12, 2022 19:03 - 7 minutes - 6.86 MBUnderstanding why its good to continue to use server sider rendering with a custom backend and adding the extra middle layer for Remix to handle
Feedback speed in TDD
July 11, 2022 15:35 - 4 minutes - 4.55 MBWhat feedback speed should we aim for in a frontend test suite? What's too slow?
Understand what's effect and what is derived state
July 09, 2022 16:23 - 6 minutes - 5.96 MBHow 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
Order of Courses to Take
July 06, 2022 21:03 - 5 minutes - 5 MBWhat should be the order of courses that I should take?
State bloating vs api call (again and again)
June 24, 2022 18:15 - 6 minutes - 6.15 MBWhen 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 perform...
Separation of rendering vs logics custom hooks
June 24, 2022 18:09 - 4 minutes - 4.43 MBI 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
Imposter Syndrome and Working at FAANG
June 24, 2022 14:52 - 7 minutes - 6.5 MBHello 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!
In a Startup only testing in the backend?
May 20, 2022 00:30 - 4 minutes - 4.02 MBStartup 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.
Using GraphQL queries in Remix loader functions
May 17, 2022 16:56 - 3 minutes - 3.35 MBHey 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 lev...
Servers + Databases + Remix
May 17, 2022 16:50 - 5 minutes - 4.86 MBI 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 love your website! ITS BEAUTIFUL.
May 17, 2022 16:40 - 1 minute - 1.55 MBI love your website! ITS BEAUTIFUL.
How can I incentivize users to not share accounts?
May 17, 2022 16:38 - 3 minutes - 3.09 MBI 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?
Could the useState be used without the setter?
December 13, 2021 20:58 - 6 minutes - 5.59 MBI 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 component...
Best way to reset a form
December 07, 2021 15:15 - 5 minutes - 5.04 MBThis 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 form is successfully submitted, then the form fields will be blank again. What's do...
Bestway to reset a form
December 07, 2021 15:15 - 5 minutes - 5.04 MBThis 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 form is successfully submitted, then the form fields will be blank again. What's do...
How to decide among advanced react patterns?
December 02, 2021 19:40 - 7 minutes - 6.65 MBSo 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.
Handling difficult co-workers and/or leadership
November 29, 2021 22:27 - 5 minutes - 5 MBYour thoughts on staying positive and patient with unfriendly co-workers and/or leadership, and how to handle when they are disrespectful towards you.
Use React frameworks (Remix) for SPAs
November 19, 2021 19:57 - 5 minutes - 5.07 MBThere 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?
Isolating tests
November 17, 2021 21:26 - 4 minutes - 4.31 MBI 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?