The Call Kent Podcast

Latest Episodes:

Tailwind class overriding Dec 15, 2022

Show notes

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

How do you deal with partial types? Dec 14, 2022

Show notes

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 these types in the app and at the interfaces between the frontend and backend?

How do you deal with partial types?

The "remix" testing methodology Dec 13, 2022

Show notes

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

How to handle action matching no intent? Dec 12, 2022

Show notes

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 function contains form data with neither intent?

In Ryan's Remix single, where he shows how to handle multiple forms, his action is a void promise and returns nothing in the case where none of his intents match.

But should you do that in a production app? Just don't do anything?

Thanks for your help! And thank you for answering yesterdays question about testing tables, it helped me out tremendously.

Take care!

How to handle action matching no intent?

Latest practical CSS techniques (use Tailwind) Dec 09, 2022

Show notes

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)

Middleware is an antipattern Dec 01, 2022

Show notes

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

How to test semantic HTML tables? Nov 30, 2022

Show notes

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.

Thanks a lot!

How to test semantic HTML tables?

Appreciation Nov 21, 2022

Show notes

Quality contents, quality contribution to React ecosystem.

Appreciation

Testing Code in service files and NGXS Store files Nov 11, 2022

Show notes

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

Testing Code in service files and NGXS Store files

Is using md5 as key an anti-pattern in react? Nov 10, 2022

Show notes

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 render can happen many times as things in the top change?

Is using md5 as key an anti-pattern in react?