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