Fred Wonginfredwong-itCSS — truncate multiple line to certain line end with …There is a requirement that need to truncate the multiple line sentences to 4 line, with a … at the end.1 min read·Apr 18, 2024----
Fred Wonginfredwong-itReact testing setup — jsx transform issueI tried to setup jest testing with react testing library in the Next.js TypeScript project, and I learnt something today.2 min read·Feb 22, 2024----
Fred Wonginfredwong-itVS Code not providing suggestions for imports in Quick fixProblem2 min read·Jan 17, 2024----
Fred Wonginfredwong-itStorybook — configure with NextRouterI got this error message in storybook today.1 min read·May 31, 2023----
Fred Wonginfredwong-itBe careful with truthy check and short circuitI wrote this piece of code and received a very good feedback from the PR review.2 min read·May 12, 2023----
Fred Wonginfredwong-itSVG Icon— icon in sync, pattern id issueI 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…2 min read·May 9, 2023----
Fred Wonginfredwong-itSetup Storybook in NextJs appToday I need to setup storybook in the NextJs app and I faced a few challenges.1 min read·Apr 12, 2023----
Fred Wonginfredwong-itEmotion — apply styling on Component selectorsI tried to do this to apply styling through component selector instead of doing css selector > div.1 min read·Mar 6, 2023----
Fred Wonginfredwong-itTwin.marco — configure in nextjs 12 without using .babelrcThe previous story I introduced how to configue twin.marco in nextjs 12 using .babelrc . However, our team would like to stick with SWC…2 min read·Jan 18, 2023----
Fred Wonginfredwong-itEmotion + Tailwind — twin.macroThe current Nextjs project uses Tailwind css and we want to bring in styled component. Our team decided to use Emotion + Tailwind.1 min read·Jan 17, 2023----