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.Apr 18Apr 18
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.Feb 22Feb 22
Fred Wonginfredwong-itStorybook — configure with NextRouterI got this error message in storybook today.May 31, 2023May 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.May 12, 2023May 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…May 9, 2023May 9, 2023
Fred Wonginfredwong-itSetup Storybook in NextJs appToday I need to setup storybook in the NextJs app and I faced a few challenges.Apr 12, 2023Apr 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.Mar 6, 2023Mar 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…Jan 18, 2023Jan 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.Jan 17, 2023Jan 17, 2023