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元件都可以找到一一對應的關係)
所以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
更多程式設計相關知識,請造訪:程式設計學習網站! !
以上是react中dva幹什麼用的?的詳細內容。更多資訊請關注PHP中文網其他相關文章!