瞬作を深める

最小限の抽象化

メインコンテンツへスキップ

内容はまだ未決定です

  • aaa
  • bbb
  • ccc
  1. aaa
  2. bbb
  3. ccc
特徴説明
目的見せる、確認する
品質低品質でOK
構造ハードコード、密結合
結末捨てる前提
// 従来のプロトタイプ
function UserList() {
  // ハードコードされたデータ
  const users = [
    { id: 1, name: "Alice" },
    { id: 2, name: "Bob" },
  ];

  return (
    <div>
      {users.map(user => <div key={user.id}>{user.name}</div>)}
    </div>
  );
}