
Why We Use an Empty Dependency Array in React's useEffect Hook
Understand the empty dependency array in React useEffect, including run‑once behaviour, cleanup, stale data risks, and how different dependencies behave.
Articles
Front‑end web development is my personal niche, it is the art of creating visual and interactive elements for a website, including layout, design, and interactivity, using HTML, CSS, and JavaScript.
Below you will find a subset of articles from my blog specifically about Front‑End 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 three articles collected together for you below.

useEffect HookUnderstand the empty dependency array in React useEffect, including run‑once behaviour, cleanup, stale data risks, and how different dependencies behave.

slice()Explore the capabilities of JavaScript's Array.prototype.slice() for creating subarrays, cloning arrays, and more, with no changes to the original.

sort() MethodUnderstand JavaScript's sort() method, including in‑place mutation, string defaults, numeric comparators, object sorting, and unexpected ordering behaviour.

matchMedia MethodIn the past, we used event listeners on the Window to determine the physical dimensions of a document. Using matchMedia allows us to use media query syntax.

A tour of commonly misunderstood JavaScript features, from sort(), slice(), splice(), split(), Math.random(), parseInt(), isNaN(), typeof, and more.

will‑change Property in CSSThe 'will‑change' property in CSS is a signpost that the element is expected to change, allowing This allows the browser to optimise and improve responsiveness.

A discussion about the JavaScript modulo operator, its functionality, origins, and diverse applications in web dev, including arithmetic and complex algorithms.

Care needs to be taken when using the onScroll event; it can trigger frequently, leading to greater client‑side resource (CPU) usage, and a laggy interface.

What A Levels help most for software engineering in the UK? This guide covers Maths, where Computer Science helps, and routes beyond a perfect set.

A simple explanation about how to handle multiple named exports from a single JavaScript file; an essential piece of knowledge when developing modern websites.

Remote work changed how Brighton web developers collaborate, build trust, support clients, and use local expertise without being limited by geography.

When export and import was introduced as part of ES6, things changed for the better in JavaScript development. It still causes confusion though. Let me explain.

Determining whether an input in your application consists of only whitespace needn't be a particularly difficult or complex task. Trim() or Regex will work!

How to keep Gatsby build times under control by managing data volume, image work, plugins, GraphQL queries, caching, and deployment expectations.

Higher‑order functions in JavaScript take functions as arguments or return them. Here, I explore their benefits, common use cases, and practical examples.

content‑visibilityUsing the CSS content‑visibility property we can control how an element interacts with the browser render, controlling when or how an element content renders.

mini‑css‑extract‑plugin Warnings in GatsbySeeing Conflicting Order warnings in your Terminal whilst building your Gatsby project is not uncommon, but fortunately is very easy to fix (or suppress) too.

Today marks a linchpin moment in web development, and especially front‑end development. Microsoft has formally retired their long‑standing, divisive browser.