articles.js Data Reference — Technical Writing Entries

type Band = "UHF" | "VHF" | "HF";
type Classification = "PERFORMANCE" | "DESIGN" | "ARCHITECTURE" | "ENGINEERING";

interface Article {
  id: string;                   // Unique identifier, e.g. "a1"
  title: string;                // Full article title
  date: string;                 // Stardate string, e.g. "STARDATE 2025.301"
  band: Band;                   // Radio band indicating engagement tier
  signalStrength: number;       // 1–5, rendered by SignalBars component
  classification: Classification; // Topic category tag
  preview: string;              // One- or two-sentence excerpt shown in the card
  content: string;              // Full article body (currently placeholder)
}

// data/articles.js  — append inside the array
{
  id: "a5",
  title: "Why I Stopped Writing Custom Hooks for Everything",
  date: "STARDATE 2025.188",
  band: "VHF",
  signalStrength: 4,
  classification: "ENGINEERING",
  preview:
    "Custom hooks are powerful, but they can become a crutch that obscures "
    + "simple component logic. Here is when to reach for them — and when not to.",
  content: `
## The Problem With Hook Abstraction

Custom hooks are one of React's most elegant features...
  `.trim(),
}