The Call Kent Podcast

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

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

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

Where can I find your courses on Playwright and how are you involved in the community? Playwright Playwright Discussions Playwright Discord Playwright support

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. kcd-scripts generator-kcd-oss Tips for creating a npm package (stack-supporting)

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

Atomic Web Design by Brad Frost What's your opinion on atomic design?

Hi Kent! How would you handle file uploads in Remix? For example, the avatar for a user's profile. Or a PDF document? unstable_parseMultipartFormData Browser File API s3 example Cloudinary example How to handle file uploads in Remix?

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

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

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

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

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)

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

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. screen.logTestingPlaygroundURL() Testing Playground The Accessibility pane Thanks...

Quality contents, quality contribution to React ecosystem. Appreciation

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 MSW Testing Code in service files and NGXS Store files

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

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?

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?

What learning path do you recommend for a frontend dev learning to become full stack? Remix Frontend to Fullstack

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. Avoid Nesting when you're Test...

what ways have you organized code for your courses? what are the trade offs and what is you preferred approach today? Joe's Tweet Kent's AMA answer organizing course code 

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?

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