Lazy Loading in Angular: Optimising Performance
How lazy loading in Angular improves performance, where route‑level splitting helps most, and how to avoid messy boundaries and loading states in larger apps.
Articles
Guides, page 8 of 22
The guides are the practical part of this archive: working explanations for a specific web development problem, written to show the decision as well as the answer. The subject varies, but the aim is consistent: enough context to use the technique sensibly rather than copy it blindly.
Lazy Loading in Angular: Optimising Performance. 
A Brief Look at JavaScript’s Temporal Dates and Times API. A Brief Look at JavaScript's
TemporalDates and Times APIA practical look at JavaScript Temporal, why Date is awkward, and how clearer date, time, time zone, duration, and parsing APIs improve modern code.
Next.js vs. Remix: Understanding the Key Differences. Next.js vs. Remix: Understanding the Key Differences
Next.js vs. Remix compared properly, across routing, data loading, mutations, caching, and the architectural trade‑offs teams actually feel in production.
Horizontal & Vertical Scanning: The Longest Common Prefix Problem. Horizontal & Vertical Scanning: The Longest Common Prefix Problem
Compare horizontal and vertical scanning for Longest Common Prefix in TypeScript, including complexity, edge cases, and when each method is clearer.
Intervals in Practice: Solving the 'Merge Intervals' Problem. Intervals in Practice: Solving the 'Merge Intervals' Problem
Solve Merge Intervals in TypeScript by sorting ranges, merging overlaps, handling touching intervals, preserving inputs, and avoiding common mistakes.
Understanding the CSS :where() Function. Understanding the CSS
:where()FunctionThe CSS
where()function groups selectors without specificity, simplifying overrides. Here, I explain its use, benefits, and why it can reduce code clarity.
Understanding Signals in Angular: The Future of Reactivity. Understanding Signals in Angular: The Future of Reactivity
Angular signals explained properly, from computed values and effects to where they simplify state, templates, and change detection without replacing RxJS.
Using Vue's suspense for Asynchronous Components. Using Vue's
suspensefor Asynchronous ComponentsHow Vue Suspense handles async components and loading states, where it helps, where it falls short, and what still needs extra care in production.
Prefix and Suffix Products: Solving 'Product of Array Except Self'. Prefix and Suffix Products: Solving 'Product of Array Except Self'
How to solve Product of Array Except Self without division, using prefix and suffix products to keep the logic linear and interview‑safe in TypeScript.
LeetCode: Removing the nth Node from the End of a List. LeetCode: Removing the
nthNode from the End of a ListRemove the nth node from a linked list in TypeScript. Compare the two‑pass and pointer‑gap approaches, their edge cases, types and linear‑time complexity.
Building Custom Directives in Angular. Building Custom Directives in Angular
How to build custom directives in Angular when DOM behaviour belongs outside a component, and how to keep selectors and scope readable in larger templates.
OWASP Top Ten: What Web Engineers Should Know. OWASP Top Ten: What Web Engineers Should Know
A candid look at the OWASP Top Ten for web engineers, covering the 2021 risks, front‑end boundaries, platform decisions, and practical next steps.
The Palindrome Number Problem: Strings vs. Maths in JavaScript. The Palindrome Number Problem: Strings vs. Maths in JavaScript
Distinguishing two approaches to detect palindrome numbers: the intuitive string method vs. the optimised mathematical technique, highlighting their merits.
Building Design Systems for Web Applications with Figma, Storybook, and npm. Building Design Systems for Web Applications with Figma, Storybook, and npm
Build design systems for web apps with Figma tokens, Storybook components, npm packages, release discipline, supply‑chain care, and team adoption.
Caching Strategies for Data Fetching in Next.js. Caching Strategies for Data Fetching in Next.js
Caching strategies for data fetching in Next.js, including force‑cache, revalidation, stale data trade‑offs, and the debugging traps teams hit in production.
What are Higher‑Order Components in React? What are Higher‑Order Components in React?
Higher‑Order Components (HOCs) in React wrap components to enhance functionality. Here, I explore how HOCs work, common use cases, and when to use them.
Object Control in JavaScript: defineProperties(). Object Control in JavaScript:
defineProperties()Object.defineProperties() gives you fine‑grained control over JavaScript objects. This guide covers descriptors, defaults, and practical use cases.
The JavaScript map() Method. The JavaScript
map()MethodUse JavaScript
map()to transform arrays and render JSX lists, with callback syntax, return values, practical examples, and readability tips in real code.