摘要:學習是一個漸進和修正的過程。學習在一定程度上是一個試錯的過程。唯有有了一個理解,才能檢驗對錯。對的理解上有句話是說,編程無外乎兩件事,組合和抽象。處理這些變化的責任由和共同完成。具體來說,是針對一類數據進行操作,比如評論。
本文僅僅是對Flux的個人理解,做交流之用,如果錯誤,還望大家指出!
剛才用了1個多小時,看了一下Flux,想說一下自己的理解。可能大家會覺得,只花了這么少的時間,就跑出來說自己的理解,是件很可笑的事情。不過我想說下寫這篇文章的原因。
學習是一個漸進和修正的過程。多東西都沒辦法一下子掌握,那么就需要在實踐中反復加深理解。學習在一定程度上是一個試錯的過程。
既然要試錯,就要有自己的理解,然后在實踐中進行檢驗。唯有有了一個理解,才能檢驗對錯。如果沒有理解,往往會出現懵懵懂懂,原地打轉的現象。
于是有了下面這篇筆記。
對Flux的理解SICP上有句話是說,編程無外乎兩件事,組合和抽象。我也打算從這兩點出發來理解Flux。
一個功能,我們要如何把它分解成不同部分?或者說我們用什么樣的部分來組合成出這個功能?
首先是用戶能看到的部分,在Flux中就是View。View用來處理頁面結構以和交互(用戶操作頁面后會產生數據變化,react的做法是,直接重新渲染view)。
之后是用戶操作,用戶的操作被抽象為Actions,比如創建評論,比如刪除評論,都是一個Action。這個Action類似Rails controller中的Action。
Action是用來描述用戶行為的(Describe a user"s action)。
用戶進行了操作,會使數據產生變化。處理這些變化(state)的責任由Dispatcher和Store共同完成。具體來說,Store是針對一類數據進行操作,比如評論。而Dispatcher是用來處理多個Store。
參考Flux 架構入門教程
The ReactJS Controller View Pattern
Flux Utils
淺談 React、Flux 與 Redux
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/81110.html
摘要:架構小白入門筆記是提出的一種處理前端數據的架構,學習就是學習它的思想。這個筆記是我在學習了阮一峰老師的架構入門教程之后得出,里面的例子和部分原文來自于其不同在于我用將其改寫了,并加入了注釋。 Flux架構小白入門筆記 Flux是facebook提出的一種處理前端數據的架構,學習Flux就是學習它的思想。 這個筆記是我在學習了阮一峰老師的Flux 架構入門教程之后得出,里面的例子和部分原...
摘要:一般來說,聲明式編程關注于發生了啥,而命令式則同時關注與咋發生的。聲明式編程可以較好地解決這個問題,剛才提到的比較麻煩的元素選擇這個動作可以交托給框架或者庫區處理,這樣就能讓開發者專注于發生了啥,這里推薦一波與。 本文翻譯自FreeCodeCamp的from-zero-to-front-end-hero-part。 繼續譯者的廢話,這篇文章是前端攻略-從路人甲到英雄無敵的下半部分,在...
摘要:應用這說明并不是單指設計給用的,它是獨立的一個函數庫,可通用于各種應用。在數據流的最后,要觸發最上層組件的,然后進行整體的重新渲染工作。單純在的對象上是沒有辦法使用,要靠額外的函數庫才能這樣作,這是一定要使用類似像這種函數庫的主要原因。 Redux的官網中用一句話來說明Redux是什么: Redux是針對JavaScript應用的可預測狀態容器 這句話雖然簡短,其實是有幾個涵義的: ...
摘要:是分發器,是數據與邏輯處理器,會在注冊針對各個命令字的響應回調函數。當按如下方式觸發回調時,回調函數具備事件的特性。 本系列博文從 Shadow Widget 作者的視角,解釋該框架的設計要點。本篇解釋 Shadow Widget 在 MVC、MVVM、Flux 框架之間如何做選擇。 showImg(https://segmentfault.com/img/bVOODj?w=380&h...
閱讀 3392·2021-09-22 15:17
閱讀 2740·2021-09-02 15:15
閱讀 1750·2019-08-30 15:54
閱讀 2001·2019-08-30 14:02
閱讀 2529·2019-08-29 16:58
閱讀 2988·2019-08-29 16:08
閱讀 1330·2019-08-26 12:24
閱讀 1653·2019-08-26 10:41