---
title: "Reactへの移行"
slug: "migrating-to-react"
abstract: "Reactへの移行の概要。"
---
# Reactへの移行

パフォーマンス向上と新機能の追加のために、Content HubはフロントエンドのKnockoutフレームワークをReactに置き換えました。この変更によりユーザー体験が向上し、新しいカスタムコンポーネントの構築が可能になります。

KnockoutからReactへの移行により、旧バージョンと新バージョンのコンポーネントに違いが生じます。以下は最も重要な違いのいくつかです:

-   CSSセレクターは変更されました。
-   CSSセレクタに基づいて要素を検索する外部コンポーネントは、その要素を見つけることができません。
-   Knockout用に書かれたCSSはReactでは動作しません。ポータルビルダーでCSSをReactページに変更する必要があります。

**ホームページ**はカスタムCSSを含み、Reactでレンダリングするとカスタムスタイルを失うため、Knockoutに残ります。同様に、保存された検索や選択にも変更はありません。

ページにKnockoutコンポーネントのみが含まれている場合やハイブリッドモードで互換性の問題がある場合、完全なKnockoutモードでのみレンダリングされます。そのようなページに[Reactコンポーネント](https://doc.sitecore.com/ch/ja/developers/cloud-dev/migrated-components.html "Migrated components")が含まれている場合、これらのコンポーネントは使用されません。

ページがKnockoutで強制的に導入された場合、古いKnockoutバージョンのコンポーネントが使用されます。

> !ヒントページがReactでレンダリングされているかKnockoutでレンダリングされているかを確認するには、ブラウザウィンドウで右クリックして開発者ツールを開き、「**コンソール**\>**検査**」をクリックしてください。