React學習筆記 對Flux的理解

2021-09-17 06:30:09 字數 538 閱讀 5712

本文僅僅是對flux的個人理解,做交流之用,如果錯誤,還望大家指出!

多東西都沒辦法一下子掌握,那麼就需要在實踐中反覆加深理解。學習在一定程度上是乙個試錯的過程。

既然要試錯,就要有自己的理解,然後在實踐中進行檢驗。唯有有了乙個理解,才能檢驗對錯。如果沒有理解,往往會出現懵懵懂懂,原地打轉的現象。

於是有了下面這篇筆記。

sicp上有句話是說,程式設計無外乎兩件事,組合和抽象。我也打算從這兩點出發來理解flux。

乙個功能,我們要如何把它分解成不同部分?或者說我們用什麼樣的部分來組合成出這個功能?

首先是使用者能看到的部分,在flux中就是view。view用來處理頁面結構以和互動(使用者操作頁面後會產生資料變化,react的做法是,直接重新渲染view)。

action是用來描述使用者行為的(describe a user's action)。

flux 架構入門教程

the reactjs controller view pattern

flux utils

** react、flux 與 redux

React學習筆記

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

學習react筆記

node中匯入模組 var 名稱 require 模組識別符號 node中向外暴露成員的形式 module.exports 在es6中,也通過規範的形式,規定了es6中如何匯入和匯出模組 es6中匯入模組,使用 import 模組名稱 from 模組識別符號 import 表示路徑 import f...

react獲取全域性 react學習筆記

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