本文へ移動

§21-01Social

フォロー / アンフォロー

相手をフォローして投稿を受け取る状態を切り替える。

興味のある相手の更新だけを自分のフィードに集められる。投稿者とのつながりが継続利用の軸になるサービスに向く。

実装のポイント

トグルは aria-pressed で状態を伝え、楽観更新でカウントを即反映して失敗時に戻す。ボタン幅を min-width で固定し、ラベル切替でレイアウトが揺れないようにする。

特徴
  • 楽観的更新
  • 状態管理
デモで使っているもの
  • shadcn/ui
  • lucide-react

このパターンが効く目的