React Developer vs. Next.js Developer: What Actually Changes in Production
React developer vs. Next.js developer explained through production concerns: rendering, routing, caching, SEO, deployment, CMS data, and debugging.
Articles
React
React is a declarative and flexible JavaScript library used for building user interfaces and applications. Amongst many other things, it allows you to compose your application UIs from components and offers an accessible route into more complex programming on the front end.
Below you will find a subset of articles from my blog specifically about React. This is an area that I have worked with for many years, and have managed to write about quite a few times. There are forty collected together for you below.
React Developer vs. Next.js Developer: What Actually Changes in Production. 
Memoization in JavaScript: Optimising Function Calls. Memoization in JavaScript: Optimising Function Calls
Memoization helps JavaScript functions run faster by caching previous results. Here's a clear guide on how and when to use memoization effectively.
Caching Strategies in React. Caching Strategies in React
React performance work is often about avoiding repeated effort. This guide looks at memoisation, browser caching, and smarter data‑fetching choices.
React's Virtual DOM vs. the Real DOM. React's Virtual DOM vs. the Real DOM
React's virtual DOM optimises performance by reducing updates to the real DOM. Here, I explain how it works, how it compares, and why it improves efficiency.
Optimising Performance in React with useMemo and useCallback. Optimising Performance in React with
useMemoanduseCallbackOptimise React performance with useMemo and useCallback only where profiling shows expensive calculations, unstable functions, or avoidable re‑renders.
Preventing and Debugging Memory Leaks in React. Preventing and Debugging Memory Leaks in React
Memory leaks in React can cause sluggish performance and excessive memory usage. Here, I explore common causes, how to prevent them, and debugging techniques.
What are Higher‑Order Components in React? What are Higher‑Order Components in React?
Higher‑Order Components (HOCs) in React wrap components to enhance functionality. Here, I explore how HOCs work, common use cases, and when to use them.
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.
Understanding Transient Props in styled‑components. Understanding Transient Props in
styled‑componentsUse transient props in styled‑components to keep styling‑only props out of the DOM, clean React output, and support safer component migration work.
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.
Dynamic Navigation with React Router. Dynamic Navigation with React Router
Why We Use an Empty Dependency Array in React's useEffect Hook. Why We Use an Empty Dependency Array in React's
useEffectHookUnderstand the empty dependency array in React useEffect, including run‑once behaviour, cleanup, stale data risks, and how different dependencies behave.
Unravelling JavaScript: Commonly Misunderstood Methods and Features. Unravelling JavaScript: Commonly Misunderstood Methods and Features
A tour of commonly misunderstood JavaScript features, from sort(), slice(), splice(), split(), Math.random(), parseInt(), isNaN(), typeof, and more.
Using the Modulo Operator in JavaScript. Using the Modulo Operator in JavaScript
A discussion about the JavaScript modulo operator, its functionality, origins, and diverse applications in web dev, including arithmetic and complex algorithms.
Detecting Breakpoints in React Using Chakra UI. Detecting Breakpoints in React Using Chakra UI
Use Chakra UI breakpoints in React with useBreakpoint and ThemeProvider, including responsive interface choices and custom breakpoint configuration.
React vs. Vue vs. Angular. React vs. Vue vs. Angular
Compare React, Vue, and Angular across ecosystem, learning curve, state, templates, team fit, SEO concerns, and how to choose a front‑end framework.
How to Choose a React Developer. How to Choose a React Developer
Hiring a React developer is about more than matching keywords. This guide looks at fundamentals, judgement, and what good front‑end signals look like.
What is Front‑End Development? What is Front‑End Development?
Front‑end web development explained through HTML, CSS, JavaScript, UI work, browser behaviour, back‑end integration, and what front‑end developers do.