DevExtreme React UI Navigation Controls

DevExpressUIナビゲーションコントロールJavaScript

Reactアプリケーションのための包括的なナビゲーションコンポーネント。

  • シングルページアプリケーション向けの堅牢なルーティングを含む。
  • ナビゲーションを高速化するキャッシュされたビューのレンダリングをサポート。
  • 柔軟なURLパターンマッチングとパラメータ処理を提供。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme React UI Navigation Controls 商品画像
DevExtreme React UI Navigation Controlsは、Reactベースのシングルページアプリケーションにおけるナビゲーションとルーティングを効率的に管理するために設計されたコンポーネントセットを提供します。これらのコントロールはURLベースのビュー遷移、レンダリングされたビューのキャッシュ、ルーティングルールの定義およびナビゲーション履歴の管理ツールを備え、レスポンシブで直感的なナビゲーションによってユーザー体験を向上させます。

URLフラグメントの監視とビュー遷移

URLフラグメント識別子を追跡し、異なるアプリケーションビュー間の遷移をトリガーします。これにより、完全なページリロードなしでスムーズかつダイナミックなナビゲーションを可能にします。

パフォーマンス向上のためのビューキャッシュ

呼び出されたビューのレンダリング済みマークアップをキャッシュし、再レンダリングや追加のデータ問い合わせなしに以前に訪れたビューを迅速に再表示できるようにします。

ルーティングルールの定義

URLパターン、デフォルトのパラメータ値、パラメータ制約を指定し、ビューを効果的にナビゲートするためにURLをデコードおよびエンコードするルーティングルールを可能にします。

柔軟なパラメータ処理

URLを介したパラメータの受け渡しをサポートし、それらをデコードしてビューのモデルに送信し、動的なコンテンツレンダリングやビュー内のインタラクションを実現します。

複数ルーティングルールのサポート

複数のルーティングルールを宣言でき、順次評価されることでアプリケーション内の複雑なルーティングスキームを可能にします。

プログラムによるナビゲーション

URL文字列やパラメータを含むオブジェクトを使用してビュー間をプログラム的に遷移するためのnavigate関数を提供し、多様なナビゲーションシナリオをサポートします。

履歴スタックを備えたモバイルナビゲーションのサポート

モバイルアプリにおけるナビゲーション履歴スタックを自動管理し、組み込みの戻るナビゲーションコマンドやビューの状態永続化を含みます。

ウェブアプリケーションのナビゲーションモード

ウェブアプリケーション向けにブラウザの履歴モードへのナビゲーション動作切り替えを可能にし、ブラウザの戻る・進むボタンとの密な統合を実現します。

UI要素とのルーティング統合

コマンド、ウィジェット、アクションバインディングなどのUIコンポーネントによるナビゲーションをサポートし、ユーザーの操作フローを向上させます。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • React