The Call Kent Podcast

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 Example of useMatches in the stacks Querying the data in nested routes

Nivo charts are not rendering in rtl render method. Nivo charts issue

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. remix-i18next i18n and Remix

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

Should we assert on props.onClick while writing test cases in react-testing-library? Testing Implementation Details Asserting props.onClick in react-testing-library

Is 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 

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

Why Framer Motion for animations? Why Framer Motion for Animations

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 

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

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? Dr. Michaela Greiler Makes Code Reviews Your Team's Superpower 10 Tips for Respectful and Constructive Code Review Feedback Thinking process when reviewing 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?

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

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

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

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

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

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

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

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

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.

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

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

I love your website! ITS BEAUTIFUL.

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