Thomas Nguyen's Blog

Series

Front-end

Some best practices or new technology for Front-end Development focus on ReactJS

Articles in this series

Javascript clean code: Handling too many arguments in a Function

Jan 18, 20232 min read

1. Problem Your function receives many arguments and it’s hard to remember the order or not clean to scale up. You may also have problems with...

Javascript clean code: Handling too many arguments in a Function

Javascript clean code: Avoid passing booleans to functions

Jan 18, 20232 min read

1. Problem Sometimes we’d like a function to behave differently in certain conditions. So a common approach is to pass a boolean parameter, also known...

Javascript clean code: Avoid passing booleans to functions

Optimizing Web Fonts in Next.js 13

Jan 15, 20233 min read

Web fonts are an essential aspect of modern web design. They allow for beautiful typography on the web, unique to your product ✨ 1. What is FOUT and...

Optimizing Web Fonts in Next.js 13

Why you should prefer Vite over Create-React-App

Jan 15, 20234 min read

1. What is Vite? Vite is a next-generation, front-end tool that focuses on speed and performance. Vite is created by Evan You, who is the creator of...

Why you should prefer Vite over Create-React-App

Bundled vs unbundle

Jan 15, 20234 min read

Up until now, we’ve been using bundlers like rollup and webpack to turn all of those modules into a single JavaScript file that the browser can run...

Bundled vs unbundle

How to fix SVG background flickering once on hover

Jan 13, 20231 min read

1. Problem with SVG flash/ flicker If you have a button with an SVG background that also has an SVG background for its hover. When you hover over it...

How to fix SVG background flickering once on hover