Automatically Generate Text Sitemaps in Gatsby
When it comes to text‑based sitemaps in Gatsby, gatsby‑plugin‑sitemap falls short. Fortunately, it is straightforward to implement using Node.js and GraphQL.
Articles, page 13 of 28
Articles from more than two decades of building, rebuilding, debugging, and leading web projects.
Automatically Generate Text Sitemaps in Gatsby. 
Harnessing JavaScript's defineProperty(). Harnessing JavaScript's
defineProperty()Unlock the capabilities of JavaScript's
Object.defineProperty()for precise property control on objects, enhancing security and data integrity in your code.
String to Integer (atoi): Decoding Strings in JavaScript. String to Integer (
atoi): Decoding Strings in JavaScriptConvert strings to integers in JavaScript, covering trimming, signs, invalid input, overflow‑style constraints, and a TypeScript implementation.
JavaScript Array Manipulation: slice() vs. splice(). JavaScript Array Manipulation:
slice()vs.splice()Compare JavaScript slice() and splice(), including copying versus mutation, return values, array edits, common confusion, and safer manipulation patterns.
Understanding the Nullish Coalescing (??) Operator in JavaScript. Understanding the Nullish Coalescing (
??) Operator in JavaScriptUnderstand JavaScript's nullish coalescing operator, comparing ?? with ||, preserving valid falsy values, and writing clearer default‑value logic.
Understanding setTimeout() in JavaScript. Understanding
setTimeout()in JavaScriptAn exploration of JavaScript's
setTimeoutfunction. Understand its nuances in component lifecycles, and learn effective timing strategies using it.
The LeetCode Zigzag Conversion Problem in TypeScript. The LeetCode Zigzag Conversion Problem in TypeScript
An exploration of the Zigzag Conversion problem: solve using string manipulation in web development, from iterative approaches to direct mathematical solutions.
Common Accessibility Pitfalls in Web Development. Common Accessibility Pitfalls in Web Development
Accessibility issues often creep in through ordinary front‑end habits. This article covers common mistakes and the fixes that make sites easier to use.
Sorting Objects in JavaScript. Sorting Objects in JavaScript
Sort arrays of objects in JavaScript with comparator functions, numeric and string properties, return values, case sensitivity, and deeper sorting notes.
Commenting in Front‑End Languages. Commenting in Front‑End Languages
There are essentially two different types of commenting in development languages: single‑line, and multi‑line. Here, we discuss these, and how to use them.
Return the Length of Arguments Passed in JavaScript. Return the Length of Arguments Passed in JavaScript
An article describing how to count function arguments in JavaScript. Use 'rest' parameters in ES6 or the 'arguments' object for older JavaScript environments.
Dynamic Array Manipulation with JavaScript's splice(). Dynamic Array Manipulation with JavaScript's
splice()Discover how to master array modifications with JavaScript's Array.prototype.splice(), your all‑in‑one method for removing, adding, and replacing elements.
Swearing in the Workplace. Swearing in the Workplace
Swearing in the workplace is generally taboo, but not completely off‑limits. Use common sense, consider your audience, and remember that context is everything.
LeetCode: Reversing Integers with JavaScript. LeetCode: Reversing Integers with JavaScript
Reverse integers in JavaScript with sign handling, overflow checks, TypeScript examples, and the trade‑offs between string and maths approaches.
Using the filter() Method in JavaScript. Using the
filter()Method in JavaScriptUse JavaScript filter() to create arrays of matching items, with callback syntax, object filtering examples, readable predicates, and practical tips.
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()A practical guide to JavaScript
substring()andsubstr(), including indexes, lengths, swapped arguments, browser support, and which one to use.
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 React useEffect's empty dependency array, including run‑once behaviour, cleanup and how omitted or listed dependencies change when effects run.
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.