iT邦幫忙

鐵人檔案

2017 iT 邦幫忙鐵人賽
回列表
Modern Web

寫React的那些事 系列

今年從React出發,學習了許多相關的技術,以前常常看IT幫幫忙的文章,希望也能來分享一些什麼,把學會的分享出來,教學相長!

鐵人鍊成 | 共 31 篇文章 | 77 人訂閱 訂閱系列文 RSS系列文
DAY 21

React Day21 - Redux Store

Store Redux中只會有一個store,還記得前面幾天我們說的 「Single source of truth」 嗎?Store就是每個state組成的...

2016-12-21 ‧ 由 chiouchu 分享
DAY 22

React Day22 - 串接React和Redux

Redux是一個獨立的架構,它不一定要使用在React上,因為它的機制可以補足React比較弱的地方,所以常常和React一起提到。Redux用來管理狀態的變化...

2016-12-22 ‧ 由 chiouchu 分享
DAY 23

React Day23 - Middleware概念

到目前我們已經學會Redux的概念,也知道如何和React結合,今天要再來深入一點點的介紹好用的middleware,Redux Middleware裡面提到:...

2016-12-23 ‧ 由 chiouchu 分享
DAY 24

React Day24 - Middleware運用 與 Logger for Redux

上一篇我們介紹milddleware的概念,因為篇幅實在很長,還沒有講到實際上如何把它運用到我們的store裡面,現在讓我們簡單的來把logger加入到stor...

2016-12-24 ‧ 由 chiouchu 分享
DAY 25

React Day25 - Async Action 與 redux-thunk

我們已經學會Redux的概念了,不過前面的action都是同步的,每次觸發action,state都會馬上被更新,今天要來介紹的是非同步action,原本我們的...

2016-12-25 ‧ 由 chiouchu 分享
DAY 26

React Day26 - Immutablejs

在寫React的時候,常常會看到有人提到immutable.js,今天要來介紹這套library,了解原理後會覺得它真的是一套很棒的工具喔!介紹它之前要先說明一...

2016-12-26 ‧ 由 chiouchu 分享
DAY 27

React Day27 - ESLint(1)

Linting tool是可以幫忙把關程式品質的工具,雖然它不是寫javascript必備的工作,但是當程式碼越來越複雜,或是團隊多人一起開發的時候,維持cod...

2016-12-27 ‧ 由 chiouchu 分享
DAY 28

React Day28 - ESLint(2)

前一篇我們講了ESLint的整體設定方式,了解原理後,最主要還是要熟悉一下裡面的rules,如果以前沒有使用linter的習慣,一開始真的會覺得受傷,But!用...

2016-12-28 ‧ 由 chiouchu 分享
DAY 29

React Day29 - Redux Testing(1)

Unit test是軟體開發不可缺少的一部分,通常一個功能的完成要伴隨相對應的unit test,它可以提升開發時的速度,結合自動化流程讓我們不用一直手動測試相...

2016-12-29 ‧ 由 chiouchu 分享
DAY 30

React Day30 - Redux Testing(2)

今天我們要繼續完成Redux的reducers和components的測試,本來想一篇介紹一個,但沒想到已經是最後一篇了,就讓我們把最後的test都完成吧! 撰...

2016-12-30 ‧ 由 chiouchu 分享