Using Vue's Teleport for Modals and Portals
How to use Vue Teleport for modals and portals, whilst keeping overlays accessible, maintainable, correctly layered, and out of awkward DOM nests.
Articles
JavaScript, page 6 of 18
JavaScript is the working language behind most of my front‑end writing, from small browser behaviours to application state and asynchronous code. These articles favour the mechanism behind a feature over a clever trick, whether the subject is callbacks, async code, or a language edge that only becomes obvious in production.
Using Vue's Teleport for Modals and Portals. 
Tips for Managing Memory in JavaScript. Tips for Managing Memory in JavaScript
Poor memory management in JavaScript can slow applications down and cause memory leaks. Here, I explore practical tips to write efficient, memory‑safe code.
Understanding the Difference Between 'Indexes' and 'Indices'. Understanding the Difference Between 'Indexes' and 'Indices'
An exploration of the nuances of the words 'indexes' and 'indices' in web development. Focusing on convention over logic for effective coding and communication.
Best Practices for Angular Routing and Lazy Loading. Best Practices for Angular Routing and Lazy Loading
Improve Angular routing with scalable URL design, lazy‑loaded feature boundaries, guarded routes, observable loading, and route‑tree maintenance.
Track Element Visibility Using Intersection Observer. Track Element Visibility Using Intersection Observer
A look into how we can use the Intersection Observer API in JavaScript to efficiently track element visibility and how it outperforms historical alternatives.
Deep‑Cloning vs. Shallow‑Cloning in JavaScript. Deep‑Cloning vs. Shallow‑Cloning in JavaScript
Not all object copies in JavaScript behave the same way. Explore the difference between deep‑cloning and shallow‑cloning, when to use each, and common pitfalls.
Component Apis Before React Hooks Settled. Component Apis Before React Hooks Settled
A retrospective on React component APIs before hooks settled, covering render props, higher‑order components, context, classes, and migration judgement.
Mastering JavaScript Iterators and Generators. Mastering JavaScript Iterators and Generators
A practical guide to JavaScript iterators and generators, with lazy sequences, custom iteration, generator control flow, and the trade‑offs behind both.
Access Search Parameters in Next.js SSR'd Layout. Access Search Parameters in Next.js SSR'd Layout
Whilst replatforming an app, I came across this limitation in Next.js: you cannot (easily) access search parameters in an SSR layout. Here, I share my solution.
Flattening Arrays in JavaScript. Flattening Arrays in JavaScript
Flatten arrays in JavaScript with `flat()`, depth control, recursion, stack‑based helpers, and clear examples of how non‑array values are handled.
Unit Testing in Angular: Writing Effective Tests. Unit Testing in Angular: Writing Effective Tests
How to write effective Angular unit tests that focus on behaviour, TestBed boundaries, realistic setup, and assertions that survive refactoring over time.
Use JavaScript to Find the Week Day from a Date. Use JavaScript to Find the Week Day from a Date
Find the weekday from a JavaScript date with Date, UTC alternatives, modulo arithmetic, parsing caveats, daylight saving time, and readable day names.
Understanding Object Types with JavaScript's instanceof. Understanding Object Types with JavaScript's
instanceofUncover the differences between JavaScript's `instanceof` and `typeof` for type checking, with practical examples and insights on when to use each operator.
Implementing Authentication in Next.js Using NextAuth.js. Implementing Authentication in Next.js Using NextAuth.js
A practical guide to implementing authentication in Next.js with NextAuth.js, including sessions, callbacks, route protection, and router‑specific trade‑offs.
Reduce() in JavaScript. reduce()in JavaScriptUnderstand JavaScript reduce() with accumulator patterns, initial values, practical examples, readability trade‑offs, and when reduce() genuinely helps.
Creating Progressive Web Apps (PWAs) with Angular. Creating Progressive Web Apps (PWAs) with Angular
How to build a Progressive Web App with Angular, including service workers, caching, offline behaviour, installs, and the trade‑offs behind the defaults.
Object Equality in JavaScript: {} isn't Equal to {}. Object Equality in JavaScript:
{}isn't Equal to{}In JavaScript two empty objects are not equal. One of my go‑to interviewing questions, here I offer an explanation and strategies to compare object contents.
Pure Functions in JavaScript. Pure Functions in JavaScript
Pure functions make JavaScript easier to test, reason about, and reuse. This guide explains what purity means and why it matters in everyday code.