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.
Articles, page 18 of 28
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
React: Functional, Class, and Pure Components. 
What Does a Software Engineer Do? What Does a Software Engineer Do?
What a software engineer does day to day, from understanding requirements and writing code to testing, maintenance, teamwork, and long‑term system improvement.
How to Find Your First Web Developer Job in the UK. How to Find Your First Web Developer Job in the UK
A practical guide to finding your first UK web‑development role: learn a stack, build a portfolio, choose a niche and research suitable employers.
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.
Previewing CMS Content in Gatsby Workflows. Previewing CMS Content in Gatsby Workflows
Plan CMS preview in Gatsby workflows by setting expectations around draft content, preview builds, webhooks, deployment timing, and editor confidence.
Disabling Gatsby Telemetry. Disabling Gatsby Telemetry
Disable Gatsby telemetry cleanly, with context on what anonymous analytics collect, why teams opt out, and how the setting affects local and CI work.
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 CMS Rich Text Safely in Gatsby and React. Rendering CMS Rich Text Safely in Gatsby and React
Render CMS rich text safely in Gatsby and React with node mapping, link handling, embeds, headings, validation, and failure‑safe fallbacks.
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.
Why Gatsby and Contentful Work Well Together. Why Gatsby and Contentful Work Well Together
Why Gatsby and Contentful can still work well for static sites, where the pairing becomes strained and when migration pressure is worth reviewing.
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.
Replace Inline Styles in Gatsby with an External CSS File. Replace Inline Styles in Gatsby with an External CSS File
Replace Gatsby's inlined production CSS with an external stylesheet by rewriting headComponents, with performance trade‑offs and historical context.
Why Choose Me as a Brighton and South East Web Developer. Why Choose Me as a Brighton and South East Web Developer
Based in Brighton, I bring more than 23 years of web development experience, clear communication, performance‑focused delivery and ongoing support.
When to Use Promise.allSettled in JavaScript. When to Use
Promise.allSettledin JavaScriptChoose Promise.allSettled() when every outcome matters. Handle fulfilled values and rejected reasons, preserve input order, and keep fail‑fast work distinct.
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/imagenext/imageexplained with responsive sizing, lazy loading, layout shift reduction, and why image optimisation matters in real Next.js applications.
Responsive Images for Faster Front‑End Pages. Responsive Images for Faster Front‑End Pages
How responsive images make front‑end pages faster by serving suitable sizes, preserving quality, reducing wasted bytes, and avoiding layout shifts.
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.
