把 TypeScript 中的类型想清楚

这是一篇技术类示例文章，用于验证正文和代码块排版。

先描述真正需要的数据

文章列表不需要完整正文，只需要标题、摘要、日期和链接。先把这份边界写清楚，组件之间传递的数据也会更容易理解。

// 列表只接收需要展示的字段。
type ArticlePreview = {
  title: string;
  description: string;
  href: string;
};

类型与校验各有职责

TypeScript 帮助检查开发时的代码，但外部文件和请求仍需要实际校验。例如文章元数据中的日期、草稿状态和标签，都应在读取时检查。

让静态类型表达约定，让运行时校验守住输入边界。