iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

React Native & Redux 初步探討 系列

以 React Native 搭配 Redux , 最後實作出 購物車 APP

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

Day 21 單向資料流

第 21 天 ! 我們來了解 react 的 資料流(data flow), 在我們之前做的To Do List範例來說, 在設定資料的時候, 只單純在 App...

2021-10-06 ‧ 由 阿毛 分享
DAY 22

Day 22 Context

第 22 天 ! 當我們資料項下傳遞的時候, 會發現, component 的階層越深, 傳遞資訊會越困難, 因為代表的是,需要不斷做向下傳遞的動作, 假如階層...

2021-10-07 ‧ 由 阿毛 分享
DAY 23

Day 23 Flux

第 23 天 ! 使用 context 來傳送,雖然達到了能跟 目標 component 直接對接的功能, 但是這樣產生了問題, 由於可以直接傳遞到 compo...

2021-10-08 ‧ 由 阿毛 分享
DAY 24

Day 24 Redux 簡介

第 24 天 ! 倒數一個禮拜!! 今天來介紹 Redux !! 什麼是 Redux 在官方開頭就有說了一句, 是一個可預設狀態的容器。 Redux 是參...

2021-10-09 ‧ 由 阿毛 分享
DAY 25

Day 25 Redux 介紹

第 25 天 ! 我們知道 redux 結構 flux-like , 那麼他的每個階段是在處理什麼? store 這是管理 redux 資料的地方, 但跟 fl...

2021-10-10 ‧ 由 阿毛 分享
DAY 26

Day 26 設定 Redux 環境

第 26 天 ! 今天我們來試著把 redux 的環境建立起來吧, 安裝 redux 套件: yarn add redux redux 本身是獨立的套件,是...

2021-10-11 ‧ 由 阿毛 分享
DAY 27

Day 27 Redux 接入 component

第 27 天 ! 昨天我們把 redux 給接入到我們的專案上, 那今天試著把 store 的 state 給導入到我們的 component 裡, 那我們要如...

2021-10-12 ‧ 由 阿毛 分享
DAY 28

Day 28 加入 Action

第 28 天 ! 倒數 3 天! 當我們道路都打通後,我們要開始想要傳什麼資料進去, 首先,我們要確定要放在 redux store 的資料是什麼? 通常,我們...

2021-10-13 ‧ 由 阿毛 分享
DAY 29

Day 29 middleware - thunk

第 29 天 ! 剩~兩~天~! 昨天已經把整個 redux 的流程給接起來了, 從 store 讀取資料還有用 action 去改變 store , 這些我們...

2021-10-14 ‧ 由 阿毛 分享
DAY 30

Day 30 完賽了...然後呢?

最後一天~~~~~ 到最後一天,其實也不免俗的想發表一下完賽感想, 說真的,很開心參加這次的鐵人賽, 在這30天不間斷的寫技術文章,其實真的蠻煎熬的, 自己本身...

2021-10-15 ‧ 由 阿毛 分享