Create Arrays of Any Size with Placeholder Content in JavaScript
There are many different ways of creating placeholder arrays in JavaScript ‑ whether the array itself is a placeholder, or simply the content within it.
Articles
JavaScript, page 11 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.
Create Arrays of Any Size with Placeholder Content in JavaScript. 
How to Hire a JavaScript Developer. How to Hire a JavaScript Developer
Hire a JavaScript developer by assessing responsibilities, core front‑end skills, framework knowledge, problem solving, collaboration, and hiring sources.
ReferenceError: Window is Not Defined in Gatsby. ReferenceError: Window is Not Defined in Gatsby
Fix window is not defined in Gatsby or Next.js by understanding SSR, guarding browser globals, lifecycle timing, dynamic imports, and third‑party modules.
How to Hire a Freelance Front‑End Developer. How to Hire a Freelance Front‑End Developer
Hire a freelance front‑end developer by clarifying scope, HTML, CSS, JavaScript, Git, testing, performance, debugging, frameworks, and collaboration needs.
Front‑End Web Development: A Beginner’s Introduction. Front‑End Web Development: A Beginner's Introduction
Front‑end web development explained through HTML, CSS, JavaScript, UI work, browser behaviour, back‑end integration, and what front‑end developers do.
React: Functional, Class, and Pure Components. React: Functional, Class, and Pure Components
Compare React functional, class, and pure components, including reusable component design, presentation boundaries, legacy patterns, and when each fits.
Preview Mode in Next.js with a Headless CMS. Preview Mode in Next.js with a Headless CMS
Preview Mode in Next.js explained with a headless CMS, draft content workflows, preview cookies, and how editors can see unpublished pages safely.
Detecting and Dealing with Website Theft. Detecting and Dealing with Website Theft
Website theft is frustrating, but there are practical ways to spot it and respond. This guide covers copied text, copied code, and escalation options.
Sort the Keys of an Object with JavaScript. Sort the Keys of an Object with JavaScript
Sort object keys in JavaScript by extracting entries, ordering keys, rebuilding objects, and understanding when predictable key order is useful.
Removing p Tags from Contentful List Items. Removing
pTags from Contentful List ItemsOne of the quirks of rendering Rich Text from Contentful is that list items come wrapped in paragraph <p> tags. Fortunately, this is a simple one to resolve.
Rendering Contentful Rich Code Snippets in Gatsby. Rendering Contentful Rich Code Snippets in Gatsby
Contentful rich text and Gatsby work well together until code snippets enter the picture. This guide shows how to render inline and block code cleanly.
What are Array‑Like Objects in JavaScript? What are Array‑Like Objects in JavaScript?
An exploration of array‑like objects in JavaScript. Explanations of their unique characteristics and how to navigate them easily in front‑end development.
Disabling Source Maps in Gatsby for Production. Disabling Source Maps in Gatsby for Production
Although an extremely useful aspect of Gatsby, source maps cause a performance hit as well as leaving your source exposed. Here is how to turn them off!
Image Optimisation with next/image. Image Optimisation with
next/image`next/image` explained with responsive sizing, lazy loading, layout shift reduction, and why image optimisation matters in real Next.js applications.
Optimising gatsby‑image Even Further. Optimising
gatsby‑imageEven FurtherOptimise gatsby‑image with sensible maxWidth and quality settings, GraphQL image data, and selective use of the native loading attribute in Gatsby.
Using Regex to Replace Numbers in a String. Using Regex to Replace Numbers in a String
Finding and replacing numbers in a string with JavaScript is a relatively straightforward task, although which regex you use (and how) can impact readability.
Intercepting Clipboard Events with JavaScript. Intercepting Clipboard Events with JavaScript
Browsers now support the copy event, which allows developers to intercept and modify content placed onto a clipboard, when copied from their site.
Dynamic Imports and Code Splitting in Next.js. Dynamic Imports and Code Splitting in Next.js
Dynamic imports and code splitting in Next.js explained with `next/dynamic`, lazy‑loaded components, SSR trade‑offs, and when splitting really helps.
