前言
為什么要使用 Redux？
組件化的開(kāi)發(fā)思想解放了繁瑣低效的 DOM 操作，以 React 來(lái)說(shuō)，一切皆為狀態(tài)，通過(guò)狀態(tài)可以控制視圖的變化，然后隨著應(yīng)用項(xiàng)目的規(guī)模的不斷擴(kuò)大和應(yīng)用功能的不斷豐富，過(guò)多的狀態(tài)變得難以控制，以至于當(dāng)不同的組件中觸發(fā)了同一個(gè)狀態(tài)的修改或者引發(fā)了視圖的更新，我們可能搞不清楚到底發(fā)生了什么，state 的變化已經(jīng)變得有些難以預(yù)測(cè)和不受控制，因此 Redux 應(yīng)運(yùn)而生，通過(guò)對(duì) Flux 思想的實(shí)踐和增強(qiáng)，對(duì)狀態(tài)更新發(fā)生的時(shí)間和方式進(jìn)行限制，Redux 試圖讓 state 的變化變得可預(yù)測(cè)。
項(xiàng)目簡(jiǎn)介
在學(xué)了一段時(shí)間 Redux 之后，開(kāi)始嘗試對(duì)之前做過(guò)的 Todolist 單頁(yè)應(yīng)用進(jìn)行重構(gòu)，需要說(shuō)明的是，因?yàn)閼?yīng)用本身非常迷你，所以可能無(wú)法明顯地體現(xiàn)使用 Redux 的優(yōu)勢(shì)，但是基本上能夠比較清晰得說(shuō)明 Redux 的工作流程，相信各位在閱讀了下面對(duì)項(xiàng)目實(shí)用 Redux 重構(gòu)過(guò)程的分析后，會(huì)有很大的收獲和體會(huì)。
技術(shù)棧: Node.js React Redux Webpack MongoDB
項(xiàng)目源代碼的 Github 地址：https://github.com/wx1993/Node-Redux-MongoDB-TodoList
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式