The JavaScript map() Method
Use JavaScript map() to transform arrays and render JSX lists, with callback syntax, return values, practical examples, and readability tips in real code.
Articles, page 9 of 27
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
The JavaScript map() Method. The JavaScript
Angular Standalone Components: Do We Still Need Modules? Angular Standalone Components: Do We Still Need Modules?
Explore Angular standalone components, what they replace, where NgModules still matter, and how to structure modern Angular applications cleanly.
React's Reconciliation Algorithm Explained. React's Reconciliation Algorithm Explained
React's reconciliation algorithm updates the UI by comparing the virtual DOM with the previous state. I explore how it works and why it improves performance.
Finding the Median of Two Sorted Arrays with JavaScript. Finding the Median of Two Sorted Arrays with JavaScript
Find the median of two sorted arrays in JavaScript, from a simple merge approach to edge cases and the logarithmic approach interviewers often expect.
Understanding Event Loop and Concurrency in JavaScript. Understanding Event Loop and Concurrency in JavaScript
The JavaScript event loop explained clearly, including tasks, microtasks, rendering, and why async code can still feel surprising under pressure.
Exploring the call() Method in JavaScript. Exploring the
call()Method in JavaScriptUncover the capabilities of JavaScript's `call()` for invoking functions with a custom context, a key technique for effective function and method management.
The Role of Dependency Injection in Angular. The Role of Dependency Injection in Angular
Angular dependency injection explained clearly, from injector scopes and tokens to practical service design, testing boundaries, and application structure.
Understanding Short‑Circuiting in JavaScript. Understanding Short‑Circuiting in JavaScript
Explore the concept of short‑circuiting in software development, with a focus on its application in JavaScript using logical operators (AND `&&` and OR `||`).
Finding the Difference Between Two Strings in JavaScript. Finding the Difference Between Two Strings in JavaScript
An exploration of techniques I used to find differences between two strings in JavaScript; from character‑by‑character comparison to substring analysis.
Using Vue's Teleport for Modals and Portals. 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.
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.
Freelancer, Agency, or Lead‑Level Contractor: Which Fits a Serious Web Platform Project? Freelancer, Agency, or Lead‑Level Contractor: Which Fits a Serious Web Platform Project?
How to choose between a freelancer, agency, or lead‑level contractor for serious web platform work, with a focus on risk, ownership, and delivery.
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.