Using the filter() Method in JavaScript
Use JavaScript filter() to create arrays of matching items, with callback syntax, object filtering examples, readable predicates, and practical tips.
Articles
Front‑End Development, page 10 of 25
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
Using the filter() Method in JavaScript. Using the
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.
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's
useEffect, including after‑commit setup, cleanup, remounts, development checks and reactive dependencies.
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 CSS will‑change property signals that an element may change, allowing the browser to prepare rendering work, although it should only be used selectively.
JavaScript’s % Operator: Remainder and Modulo. JavaScript's
%Operator: Remainder and ModuloUnderstand JavaScript's remainder operator, how it differs from modulo for negative numbers, and how to wrap array indices safely with TypeScript examples.
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.
Why Remote Work Did Not Make Brighton Web Developers Less Local. Why Remote Work Did Not Make Brighton Web Developers Less Local
Remote work changed how Brighton web developers collaborate, build trust, support clients, and use local expertise without being limited by geography.
Using CSS Logical Properties for Direction‑Aware Layouts. Using CSS Logical Properties for Direction‑Aware Layouts
Use CSS logical properties for LTR, RTL, and vertical layouts. Map block and inline axes, position components, order fallbacks, and verify support.
How to Import All Named Exports from a JavaScript File. How to Import All Named Exports from a JavaScript File
Import all named exports from a JavaScript module with namespace or explicit named imports, including how each approach handles default exports.
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!
Keeping Gatsby Build Times Under Control. Keeping Gatsby Build Times Under Control
How to keep Gatsby build times under control by managing data volume, image work, plugins, GraphQL queries, caching, and deployment expectations.