fredwong-it

Record vs Mapped type syntax

I wanted to type the modal variable and I faced some challenge time.

Here are my types

interface BaseModalProps {
    handleClose: () => void;
}

interface ModalProps = {
  'modal-1': Record<never, never>;
  'modal-2': {…

Style grid template area with Tailwind css

Originally I styled the layout with module.css

.container {
  display: grid;
}  

@media (max-width: 767px) {
    .container {
      grid-template-areas:
        "back"
        "title"
        "side"
        "account"…

Disabled button doesn’t show Radix UI Tooltip

I had a Button wrapped by the Tooltip but it didn’t display the tooltip correctly.

Button

        <Tooltip
            component={
                <Button {...rest} disabled={disabled}>…

Next.js — useTranslation use correct package

I implemented the Internationalization (i18n) with useTranslation in my Next.js…

CSS — truncate multiple line to certain line end with …

React testing setup — Jsx transform issue

I tried to setup jest testing with react testing library in the Next.js TypeScript…

VS Code not providing suggestions for imports in Quick fix

Problem

Storybook — configure with NextRouter

I got this error message in storybook today.

Be careful with truthy check and short circuit

I wrote this piece of code and received a very good feedback from the PR review.

Anyone notice the issue about this code?