明治時代とReactコンポーネント
2025.3.8
この記事は約1分で読めます
目次
筆者：三好アキ（専門用語なしでプログラミング）
▶︎ 三好アキの著書一覧はこちら
RSCとRCCの名前
Reactクライアントコンポーネント（RCC）とは、Reactサーバーコンポーネント（RSC）登場以前から使われている「従来のReactコンポーネント」のことです。
とはいえ、RSC登場以前からRCCという名前が存在していたわけではありません。
明治時代、開国をして外国の絵（洋画）が日本に入ってきたとき、それと区別する目的で従来から日本にあった絵に「日本画」と名前をつけましたが、RCCという名前も、「従来からあったもの」を「新しいもの（＝RSC）」と区別する目的で作られた名です。
RSCはNext.jsのデフォルトのコンポーネントとして使われていることもあり、「RCCを使うことは避けた方がいい」という意見を聞くことがあります。
しかしRSCはRCCを置き換えるものではなく、相互補完的に使っていくものです。
できることと、できないことがそれぞれにあるからです。
| RSC（Reactサーバーコンポーネント） | RCC（Reactクライアントコンポーネント） | |
|---|---|---|
| データベースからデータを取得する | ○ | × |
| onClickやonChangeなどのユーザー操作機能 | × | ○ |
| useStateやuseEffectなどのHooks利用 | × | ○ |
Reactサーバーコンポーネントの仕組みやSPA、SSRとの違いなどは、下記記事を参考にしてください。
✤ 筆者 ✤
三好アキ（専門用語なしでプログラミング）
「専門用語なし」のメソッドで1,200人以上のビギナーをフロントエンド開発入門に成功させる。翔泳社『動かして学ぶ！Next.js/React開発入門』（韓国でも出版）など著書25冊以上。Amazonベストセラー1位複数回獲得。
React、Next.js、TypeScriptなどの最新情報や初心者向けコンテンツを、無料メルマガ配信中。メールアドレスだけで登録可 ▶︎ 無料メルマガ登録