@mycodingnotebooks

Hot Module Replacement (HMR): How It Works and Why It Matters

Mar 11, 2025 · 6 min read · Ever changed a button color, tweaked a UI element, or updated a function—only to refresh the page and lose everything? Losing form inputs, app state, or debugging progress due to a full reload is frustrating. Hot Module Replacement (HMR) solves this ...

Web Performance Optimisation Techniques IV - Asset Optimisation

Mar 10, 2025 · 4 min read · Websites rely on assets such as images, fonts, and videos to deliver content. Asset optimisation involves refining these resources to ensure they load quickly and efficiently while maintaining quality. This process includes compression, format select...

Web Performance Optimisation Techniques III - Tree Shaking

Mar 9, 2025 · 8 min read · Tree shaking is a term borrowed from the concept of shaking a tree to remove dead leaves. In the context of web development, it refers to the process of eliminating unused or "dead" code from an application during the build process. This is particula...

Web Performance Optimisation Techniques II: Code Splitting

Mar 8, 2025 · 7 min read · Code splitting is a technique where an application’s code is divided into smaller chunks or bundles, which are loaded on demand. Instead of loading the entire application at once, only the code needed for the current view is loaded. This improves per...

Web Performance Optimisation Techniques I: Minification

Mar 7, 2025 · 4 min read · Minification is the process of removing unnecessary characters from code, such as whitespaces, comments, and formatting, without altering its functionality. The primary goal is to reduce file size, enabling websites to load faster by minimising the a...