React で dva は何に使用されますか?

dva は redux と redux-saga をベースにした軽量フレームワークで、開発用のコードをより適切に整理するのに役立ちます。また、react-router と fetch も組み込まれており、基本的に Web フロントの開発に必要なものがすべて揃っています。メイン ツールは開発エクスペリエンスを簡素化し、開発者が自分で設定してインストールする手間を省きます。

#react の dva とは何ですか?それはなんのためですか？

dva は、まず redux と redux-saga に基づいたデータ フロー ソリューションです。開発エクスペリエンスを簡素化するために、dva には組み込みのreact-router と fetch も備えているため、軽量のアプリケーション フレームワークとして理解してください。

dva は、開発用のコードをより適切に整理するのに役立ちます。また、react-router と fetch も提供します。これらには、基本的に Web フロントエンド アプリケーションの開発に必要な主要なツールが含まれており、開発者が自分で設定してインストールする手間が省けます。

dva 公式サイトアドレス: https://dvajs.com/

dva のデータ管理は redux に基づいており、redux は全ページのデータをツリー構造で保存します (ページアプリケーションのため) 、すべての DOM コンポーネントはツリー状に編成されています。したがって、データと DOM コンポーネントは 1 対 1 の対応関係を見つけることができます)

##したがって、dva は次のことを行う必要があります:

#データを保存します。
データ操作リクエストを送信します。オペレーションによって要求される情報は、アクションと新しいデータ (アクション オペランド) で構成されます。新しいデータのソースには同期と非同期があります。
新しいデータとデータ操作リクエストに基づいて古いデータを更新します。
react コンポーネントに新しいデータを伝えます。

DVA のインストール

ステップ 1: スキャフォールディング dva-cli

npm i dva-cli -g
或
yarn add global dva-cli

をインストールするステップ 2: インストールが適切かどうかを確認します。成功しました

dva -v

DVA 作成プロジェクト

ステップ 1: スキャフォールディング ツールを使用して dva フレームワーク コードを生成します

dva new dvashop

ステップ 2: テストを開始します

cd dvashop

yarn start
或者
npm start

詳細 プログラミング関連の知識については、

プログラミング学習 Web サイト

をご覧ください。 ！

以上がReact で dva は何に使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。