Happy Holidays!
A brief 2022 holiday message, with Christmas reflections, family notes, thanks to clients and colleagues, and a sign‑off before returning in 2023.
Articles, page 10 of 22
Practical notes and articles on React, Next.js and web platform work.
Happy Holidays! 
Manipulating Strings in JavaScript with split(). Manipulating Strings in JavaScript with
split()Use JavaScript split() for string manipulation, including delimiters, limits, regular expressions, edge cases, parsing, and practical data handling.
Check If Today is Between Two Dates in JavaScript. Check If Today is Between Two Dates in JavaScript
Using JavaScript we can use the Date() function to create Date objects, and then use less/more than comparisons to work out if the date falls in between.
JavaScript String Manipulation: substring() vs. substr(). JavaScript String Manipulation:
substring()vs.substr()Delve into JavaScript's substring() and avoid confusion with substr(), mastering string slicing with clarity and precision in your coding endeavours.
Solving the LeetCode Two Sum Problem Using JavaScript. Solving the LeetCode Two Sum Problem Using JavaScript
Solve the Two Sum problem efficiently in JavaScript with Hash Map or Two Pointers. Learn how to find pairs of numbers that sum up to a given target.
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.
Mastering JavaScript's slice(). Mastering JavaScript's
slice()Explore the capabilities of JavaScript's Array.prototype.slice() for creating subarrays, cloning arrays, and more, with no changes to the original.
Understanding JavaScript's sort() Method. Understanding JavaScript's
sort()MethodUnderstand JavaScript's sort() method, including in‑place mutation, string defaults, numeric comparators, object sorting, and unexpected ordering behaviour.
Responsive JavaScript and the matchMedia Method. Responsive JavaScript and the
matchMediaMethodIn 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.
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.
The will‑change Property in CSS. The
will‑changeProperty 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.
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.
Throttling Scroll Events in JavaScript. Throttling Scroll Events in JavaScript
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 Do You Need for Software Engineering? What A Levels Do You Need for Software Engineering?
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.
How to Handle Multiple Named Exports in One JavaScript File. How to Handle Multiple Named Exports in One JavaScript File
A simple explanation about how to handle multiple named exports from a single JavaScript file; an essential piece of knowledge when developing modern websites.
How to Import All Named Exports from a JavaScript File. How to Import All Named Exports from a JavaScript File
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.
Check If a String Contains Only Whitespace with JavaScript. Check If a String Contains Only Whitespace with JavaScript
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!
Higher‑Order Functions in JavaScript. Higher‑Order Functions in JavaScript
Higher‑order functions in JavaScript take functions as arguments or return them. Here, I explore their benefits, common use cases, and practical examples.
Improve Page Performance with content‑visibility. Improve Page Performance with
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.
Resolving mini‑css‑extract‑plugin Warnings in Gatsby. Resolving
mini‑css‑extract‑pluginWarnings 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.
The End of Internet Explorer. The End of Internet Explorer
Today marks a linchpin moment in web development, and especially front‑end development. Microsoft has formally retired their long‑standing, divisive browser.