fredwong-it

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?

SVG Icon— icon in sync, pattern id issue

I created 2 svg icons with the same pattern id. One of them is close icon and the other is timer icon. I found out that the close icon would be changed to timer icon when the timer icon was presented in the same component.

Setup Storybook in NextJs app

Today I need to setup storybook in the NextJs app and I faced a few challenges.

Emotion — apply styling on Component selectors

I tried to do this to apply styling through component selector instead of doing…