React學習筆記 二 react全家桶專案實戰

2021-09-25 02:29:27 字數 773 閱讀 9368

技術棧: react+redux+react-redux+react-router-dom+redux-thunk+axios

ui框架是採用螞蟻金服的 antd design

因為只實現了幾個功能,頁面較少,所以採用的架構是按照型別劃分頁面結構,並且採用容器元件與ui元件分離的方式,這樣的話ui元件就與資料邏輯解耦了,具有高度的可復用性。actions的話,因為專案的action不算太多,所以就沒有用action creator,也沒有單獨出乙個action type檔案,如果在專案中action type比較多的話,單獨出乙個action type檔案出來最好,方便管理。總的來說,這個專案用來入門react技術棧還是不錯的。

npm install
npm start
注意,專案使用的是3000埠,所以需要本地的3000埠沒有被占用噢

5、執行了npm start之後,等一會兒,就會自動在瀏覽器啟動頁面首頁了~

為了方便大家學習,我在學習過程中看的一些文件在這裡列出來,當然了,如果大家英文好的話還是推薦大家去看官方的英文文件噢~

react中文文件

redux中文文件

react-redux中文文件

axios中文文件

React學習筆記(二)

div class mytitle extends react.component是 es6 語法,表示自定義乙個mytitle類,該類繼承了基類react.component的所有屬性和方法。react 規定,自定義元件的第乙個字母必須大寫,比如mytitle不能寫成mytitle,以便與內建的原...

react獲取全域性 react學習筆記

個人之前也粗略看過react的文件,但是程式設計師最怕的就是沒有專案實操,看完後一段時間就全忘了,但是現在市面上react的使用又很多 我太難了 最近因為疫情只能呆在家裡,剛好利用這段時間搞一搞。當然也是粗略的搞,做完乙個大屏展示後,發現react上手確實比vue要難點。react沒有vue一樣的模...

React學習筆記

專案需要使用react進行開發,故從vue與react的異同切入學習,記錄一下學習筆記 react整體的思路就是函式式,所以推崇純元件,資料不可變,單向資料流 單向繫結 當然需要雙向的地方也可以做到,比如結合redux form vue是響應式的思想,認為資料可變,通過watcher監聽每乙個屬性,...