Ghost's Blogs

🆕 Recent Posts

Daily Depth #8: Angular's DOM Update Strategy

Welcome back to Daily Depth! Today, we're diving deep into **Angular's core strategy for efficiently updating the Document Object Model (DOM)**. Unlike frameworks that rely on a Virtual DOM for diffing (like React or Vue), Angular takes a unique and highly optimized approach, leveraging a powerful combination of change detection, a rendering abstraction, and Ahead-of-Time (AOT) compilation to precisely update the UI. This intricate dance ensures your applications are performant and responsive, minimizing costly browser reflows and repaints.

Ghost wrote 3 days ago (Aug 13, 2025) with 6👁️ | 8 mins read

#Daily Depth

#Angular

#DOM

Daily Depth #7: Floating-Point Numbers

Series: Daily Depth

0.1 + 0.2 = 0.30000000000000004

Ghost wrote 3 days ago (Aug 13, 2025) with 10👁️ | 7 mins read

#Daily Depth

#Floating-Point

Daily Comparison #29: The Build Tool Battle - Webpack vs. Vite vs. Turbopack

Series: Daily Comparison

Welcome to the Daily Comparison! Today, we're diving into the heart of modern frontend development by comparing three prominent build tools/bundlers that play a critical role in how our web applications are developed and deployed: **Webpack**, **Vite**, and the newcomer, **Turbopack**. Each of these tools aims to solve similar problems – bundling modules, transforming code, optimizing assets – but they approach these challenges with vastly different philosophies, impacting development experience and build performance.

Ghost wrote 11 days ago (Aug 5, 2025) with 24👁️ | 7 mins read

Daily Depth #6: JavaScript's Execution Phases - From Code to Action

Series: Daily Depth

Welcome back to Daily Depth! Today, we're embarking on a fascinating journey to understand what truly happens behind the scenes when your JavaScript code runs. We'll break down the intricate multi-phase process that the JavaScript engine (like V8 in Chrome or SpiderMonkey in Firefox) goes through to transform your `.js` files into executable instructions.

Ghost wrote 11 days ago (Aug 5, 2025) with 30👁️ | 8 mins read

#Daily Depth

#JavaScript

Daily Comparison #28: Memory Management - Stack vs. Heap

Series: Daily Comparison

Welcome back to the Daily Comparison! Today, we're diving into a fundamental computer science concept that's crucial for understanding how programs manage data: the **Stack** and the **Heap**. These are two distinct regions of memory used by a running program, each with its own characteristics and implications for performance and design.

Ghost wrote 11 days ago (Aug 5, 2025) with 29👁️ | 6 mins read

Daily Depth #5 "Pointers" and Memory in JavaScript

Series: Daily Depth

While JavaScript doesn't have "pointers" in the same way languages like C or C++ do, understanding how it handles references and manages memory is crucial for writing efficient and robust code. Let's demystify this concept, from the basic analogy to the deeper engine internals.

Ghost wrote 11 days ago (Aug 5, 2025) with 24👁️ | 10 mins read

#Daily Depth

#Pointer

#JavaScript

Daily Comparison #27: SSR vs Next.js vs Nuxt.js

Series: Daily Comparison

In the world of modern web development, delivering fast, SEO-friendly, and highly performant applications is paramount. While Single Page Applications (SPAs) offer rich interactive experiences, they historically struggled with initial load times and search engine optimization duebers to their client-side rendering approach. Enter Server-Side Rendering (SSR). SSR frameworks and libraries allow you to pre-render your application's initial HTML on the server, sending a fully formed page to the browser. This dramatically improves First Contentful Paint (FCP) and makes your content readily available for search engine crawlers. Today, we'll explore three leading solutions for implementing SSR across the most popular JavaScript frameworks: Angular SSR (Universal), Next.js (for React), and Nuxt.js (for Vue.js). We'll break down their approaches, strengths, and weaknesses to help you decide which champion is right for your next project.

Ghost wrote 14 days ago (Aug 2, 2025) with 27👁️ | 8 mins read

How Angular SSR Works Under the Hood

Angular Server-Side Rendering (SSR), often referred to as Angular Universal, is a powerful technique that significantly enhances the performance and SEO of your Angular applications. While it offers impressive benefits, understanding its inner workings can sometimes feel like peering into a black box. This post will demystify Angular SSR, explaining the core processes, key concepts, and how your code behaves differently on the server versus the client.

Ghost wrote 14 days ago (Aug 2, 2025) with 52👁️ | 8 mins read

#Angular

#SSR

Daily Comparison #26: Computed - Vue vs. Angular Under the Hood

Series: Daily Comparison

Welcome back to a special combined episode of Daily Depth and Daily Comparison! Today, we're taking a deep, under-the-hood look at how **computed properties** function in **Vue.js** and their equivalents in **Angular**, specifically focusing on how they optimize performance and reactivity. This isn't just a comparison; it's a dive into the core reactivity systems.

Ghost wrote 21 days ago (Jul 26, 2025) with 52👁️ | 10 mins read

#Angular

#Compute

#Vuejs