- Building Better RSS/Atom Feeds in Astro with the `unified` Ecosystem
When migrating from Gatsby to Astro, generating RSS/Atom feeds for MDX content presented unexpected challenges. This article explains how the
unified
toolchain (remark
,rehype
) and custom plugins provided the necessary control over HTML transformation, ensuring valid, clean, and feature-rich feeds where standard solutions fell short. - Using the HTML Data List Element for Simple Combo Boxes
Discover how the HTML
<datalist>
element can simplify your combo box implementations. This article walks through practical examples, refactors, and enhancements for improved usability and accessibility, providing a flexible solution for dynamic auto-suggest features. - Being an Ally Means Getting It Wrong Sometimes
Being an ally means being open to learning—and sometimes getting it wrong. In this post, I share how a well-intentioned change to our HR system unintentionally marginalized a team member, and how my own missteps reinforced harmful gender norms.
- React.useReducer Reducer Patterns, Part 3
In part 3 of this series on React.useReducer, I explore the most common reducer pattern using
{ type, payload }
actions. Through examples and state charts, I demonstrate how to handle tightly coupled state values, implement undo functionality, and structure complex state transitions with nested switch statements. - React.useReducer Reducer Patterns, Part 2
In this follow-up to Part 1, I explore advanced useReducer patterns, demonstrating how to leverage the action parameter effectively. From simple state updates to dispatching functions, these patterns showcase the flexibility and power of reducers in React.
- React.useReducer Reducer Patterns, Part 1
Discover practical patterns for writing reducers with
useReducer
. This guide introduces key concepts, starting with reducers that require no parameters or rely solely on the current state, making state management simpler and more efficient. - Formatting Dates in JavaScript
Learn how to format dates in JavaScript using the built-in
Date
object andtoLocaleDateString()
method. This method offers a lightweight alternative to libraries like Moment.js or date-fns for basic date formatting needs. - Remove Properties From JavaScript Objects
Learn how to efficiently remove properties from JavaScript objects using object destructuring and rest syntax. This method ensures immutability while simplifying the removal of unwanted properties.