Understanding Transient Props in styled‑components
Use transient props in styled‑components to keep styling‑only props out of the DOM, clean React output, and support safer component migration work.
Articles
Development, page 9 of 23
This is a very broad category within my articles which encompasses any aspect of web development, from initial design and architecture to coding, testing, and deployment.
Below you will find a subset of articles from my blog specifically about Development. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are four hundred twelve articles collected together for you below.
Understanding Transient Props in styled‑components. Understanding Transient Props in
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.
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.
Understanding the Composition API in Vue 3. Understanding the Composition API in Vue 3
The Vue 3 Composition API explained with practical TypeScript examples, refs, composables, reactivity, and when the pattern genuinely helps larger components.
Testing the Content of JSX Data in Cypress. Testing the Content of JSX Data in Cypress
Test JSX‑driven content in Cypress by comparing rendered output, extracting text, handling order, avoiding brittle assumptions, and respecting performance.
Angular Change Detection: How It Works and How to Optimise It. Angular Change Detection: How It Works and How to Optimise It
Angular change detection explained through zone triggers, OnPush, signals, template cost, manual checks, and practical rendering optimisation at scale.
How View Source Stopped Being Enough. How View Source Stopped Being Enough
Why view source stopped being enough for modern web checks, and how rendered HTML, hydration, metadata, schema, crawl paths, and client output changed audits.
Validating Parentheses Input Using TypeScript. Validating Parentheses Input Using TypeScript
Validate parentheses input in TypeScript with a stack, checking bracket order, matching pairs, real parser‑style use cases, and alternative approaches.
Leveraging .then() in Modern JavaScript. Leveraging
.then()in Modern JavaScript.then() still matters in modern JavaScript. This guide explains promise chaining, return values, and why Promise.prototype.then() remains useful.
Stopping Propagation vs. Preventing Default in JavaScript. Stopping Propagation vs. Preventing Default in JavaScript
Understanding `stopPropagation` and `preventDefault` is key to handling events in JavaScript. Here, I explore their differences and when to use each.
Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript. Solving the 'Letter Combinations of a Phone Number' Problem with TypeScript
An exploration of solutions to the 'Letter Combinations of Phone Number' problem using front‑end and TypeScript: recursion, backtracking, and iteration.
Introducing Seeded Randomisation into an SSR Gatsby Project. Introducing Seeded Randomisation into an SSR Gatsby Project
Add seeded randomisation to an SSR Gatsby project, keeping content order deterministic across builds while still rotating destination‑style content.
LeetCode: Converting Roman Numerals to Integers. LeetCode: Converting Roman Numerals to Integers
Decode the mystique of Roman numerals! Discover their structure, learn their significance, and master the art of converting them back to integers in code.
LeetCode: Converting Integers to Roman Numerals. LeetCode: Converting Integers to Roman Numerals
Explore the art of converting integers to Roman numerals. Dive into the ancient numeral system, grasp its structure, and master its modern‑day coding solution.
Staying Current: Automating Copyright Year Updates. Staying Current: Automating Copyright Year Updates
Automate copyright year updates across JavaScript, React, Angular, Vue, jQuery, PHP, and WordPress so footers do not go stale each January across stacks.
Repetitive Asynchronous Tasks with JavaScript's setInterval(). Repetitive Asynchronous Tasks with JavaScript's
setInterval()A discussion about using JavaScript's setInterval for repetitive tasks. Manage intervals effectively and understand best practices for time‑bound executions.
Dynamic Navigation with React Router. Dynamic Navigation with React Router