iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 2 留言 6999 瀏覽

鐵人賽 Modern Web DAY 29

從比入門再往前一點開始，一直到深入React.js 系列第 29 篇

技術【Day.29】React進階 - 以Redux Thunk處理非同步資料流

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-14

5 Like 2 留言 21297 瀏覽

鐵人賽 Modern Web DAY 28

從比入門再往前一點開始，一直到深入React.js 系列第 28 篇

技術【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...

Andy Chang ‧ 2020-10-13

1 Like 0 留言 3834 瀏覽

鐵人賽自我挑戰組 DAY 22

不前不後，不上不下，一個曾經交大資工書卷的軟體工程師成長之路系列第 22 篇

技術美好的幻覺：Frontend 前端

先分享下 Frontend 的發音https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fro...

Mike Fang ‧ 2020-09-30

0 Like 0 留言 1712 瀏覽

鐵人賽 Modern Web DAY 14

React + GraphQL 全端練習筆記系列第 14 篇

技術仿Trello - 製作reducer

本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 S...

Jasper ‧ 2020-09-27 ‧團隊Outcome First

0 Like 0 留言 4729 瀏覽

鐵人賽 Modern Web DAY 13

React + GraphQL 全端練習筆記系列第 13 篇

技術仿Trello - 建立 Redux Store

本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。簡...

Jasper ‧ 2020-09-26 ‧團隊Outcome First

0 Like 0 留言 2394 瀏覽

鐵人賽 Modern Web DAY 26

以 Kotlin 為主要語言建構基本的 Online Judge 系統系列第 26 篇

技術 Day 26：批改系統網頁 (8) – 利用 Redux 來進行元件之間的狀態變更

昨天我們建立了 HTTPS 連線，藉以讓使用者可以登入網站。不過雖然已經可以登入網站了，但是卻還是有登入後各個元件之間狀態無法同步資料的問題，究竟我們該如何解...

灆洢 a.k.a Maplewing ‧ 2020-09-26

0 Like 0 留言 1556 瀏覽

鐵人賽 Modern Web DAY 25

我不用Expo啦，React Native！系列第 25 篇

技術 [Day25] 語言切換-2：store架構調整

今日關鍵字：combineReducers 預想中這個App會有兩個地方需要讀取語言剛打開App時讀取Async Storage裡讀取使用者上次使用的語系...

b97201019 ‧ 2020-09-25

0 Like 0 留言 2319 瀏覽

鐵人賽 Modern Web DAY 20

我不用Expo啦，React Native！系列第 20 篇

技術 [Day20] 客戶(本地)端儲存

今日關鍵字：Async Storage App常常會有需要在自己的手機中儲存的狀況以我的App來說需要記住使用者把那些資料夾到我的最愛中否則每次打開我的最愛都...

b97201019 ‧ 2020-09-20

0 Like 0 留言 2612 瀏覽

鐵人賽 Modern Web DAY 12

我不用Expo啦，React Native！系列第 12 篇

技術 [Day12] 幫喜歡的項目按下愛心

今日關鍵字：redux 當初資料格式裡面有這兩個屬性 isFavorite: boolean isReminding: boolean 對應著是否加...

b97201019 ‧ 2020-09-12

1 Like 0 留言 4289 瀏覽

鐵人賽 Modern Web DAY 9

我不用Expo啦，React Native！系列第 9 篇

技術 [Day9] Redux：我是大家的無人機

今日關鍵字：無人...Redux 假如有一天，你在家煮了咖哩不小心煮了太多想分給對面的人如果是以前都是平房時直接走過去就好如果場景變換成現代你住在高樓裡該怎...

b97201019 ‧ 2020-09-09

0 Like 0 留言 922 瀏覽

技術建立前端開發準則，讓團隊能夠有效率的開發好維護的程式碼（by 均一前端工程師宜陞）

【前言】均一的程式碼基礎 junyiacademy 從 2013 年 fork Khan Academy 原始碼，一直發展到現在，程式碼的複雜度不可同日而語...

junyiacademy_小均 ‧ 2021-09-03

1 Like 0 留言 1611 瀏覽

技術 React 學習筆記_29(在React中使用Redux - 5)

簡介上一篇中我們已經將大部分的內容與功能都建立完成，最後要建立的便是給使用者選擇要看到那些Todo的選項按鈕，顯示篩選分別為 : 全部Todo 已經完成的T...

Fandix ‧ 2020-05-21

2 Like 0 留言 1522 瀏覽

技術 React 學習筆記_28(在React中使用Redux - 4)

簡介上一篇中我們已經將AddTodo建立好並且確認Reducer會產生新的state，接下來要建立將Todo物件顯示在UI的組件，由於TodoList只負責渲...

Fandix ‧ 2020-05-20

1 Like 0 留言 1025 瀏覽

技術 React 學習筆記_27(在React中使用Redux - 3)

簡介上一篇中我們已經將Action與如何處理Action的Reducer建立好了，接下來將整個TodoList專案透過以下順序建立: 輸入新的Todo內容並...

Fandix ‧ 2020-05-19

2 Like 0 留言 1831 瀏覽

技術 React 學習筆記_25(在React中使用Redux - 1)

簡介雖然Redux與React沒有關係，可以用Redux搭配Angular,JQuery甚至原生JavaScript，不過由於React是單向資料流的形式，若...

Fandix ‧ 2020-05-17

2 Like 0 留言 967 瀏覽

技術 React 學習筆記_24(認識Redux)

簡介在開發專案中，隨著專案的大小越來越大與複雜，我們的程式需要管理高於以往的state，這些state可能包含伺服器回應或快取的資料，管理這個不斷變化的sta...

Fandix ‧ 2020-05-16

2 Like 0 留言 1082 瀏覽

技術 React 學習筆記_26(在React中使用Redux - 2)

簡介上一篇中提到了React與Redux的結合並且設計了Component的階層，本篇將照著設計好的Component進行實作。 Action Creater...

Fandix ‧ 2020-05-18

1 Like 0 留言 2762 瀏覽

鐵人賽 Modern Web DAY 26

Angular 8 從推坑到放棄系列第 26 篇

技術 [Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖參考...

TimTim ‧ 2019-10-12

0 Like 0 留言 3482 瀏覽

鐵人賽 Modern Web DAY 27

React.js 從【0】到【1】推坑計畫系列第 27 篇

技術【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...

莫力全 Kyle Mo ‧ 2019-10-01

6 Like 1 留言 4481 瀏覽

鐵人賽 Modern Web DAY 15

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 15 篇

技術 Day14 | Redux 的改變，Logger 看得見

前言前兩篇學習了 Redux 的操作方法，雖然 Redux 替我們處理資料真的很方便，但是實際上是得經過 Component、Action、Reducer 三...

神Q超人 ‧ 2019-09-26 ‧團隊IT成長團

5 Like 1 留言 5317 瀏覽

鐵人賽 Modern Web DAY 14

在 React 生態圈內打滾的一年 feat. TypeScript 系列第 14 篇

技術 Day13 | React 的快樂小夥伴 - Redux 事件處理篇

前言在上一篇的資料處理篇中，我們學習到了如何將資料放到 Store 中儲存，並以 useSelector 將資料取出，而本篇會提及如何使用 Reducer 異...

神Q超人 ‧ 2019-09-25 ‧團隊IT成長團

2 Like 1 留言 4451 瀏覽

鐵人賽 Modern Web DAY 17

React.js 從【0】到【1】推坑計畫系列第 17 篇

技術【Day 17】Redux 實戰演練

今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...

莫力全 Kyle Mo ‧ 2019-09-21

1 Like 0 留言 5765 瀏覽

鐵人賽 Modern Web DAY 16

React.js 從【0】到【1】推坑計畫系列第 16 篇

技術【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management在前幾天中我們介紹了 state，也介紹了 props，我們了解一個 comp...

莫力全 Kyle Mo ‧ 2019-09-20

1 Like 2 留言 2101 瀏覽

鐵人賽自我挑戰組 DAY 30

請你當我的好朋友吧！ReactJS！系列第 30 篇

技術【DAY 30】鐵人練成！完賽心得！很累、很好玩。

「不然我也來參加這次的鐵人賽好了。」　　就是上面一句無心的話就開啟我這三十天的鐵人歷程，說實在的，如果不是去年有老師分享過IT邦鐵人賽的文章，我想我應該從來不...

Hyora ‧ 2018-11-05

0 Like 0 留言 1761 瀏覽

鐵人賽自我挑戰組 DAY 29

請你當我的好朋友吧！ReactJS！系列第 29 篇

技術【DAY 29】react-router，很高興認識你！

【正文】　　倒數第二篇......【前言】　　按照以往，react-router的部分也在上一篇結束得差不多了，當然還有許多地方可以探討的，但我們就以比較常見的...

Hyora ‧ 2018-11-04

0 Like 0 留言 5846 瀏覽

鐵人賽自我挑戰組 DAY 28

請你當我的好朋友吧！ReactJS！系列第 28 篇

技術【DAY 28】用react-loadable與react-router做code splitting吧

【前言】　　第28天了.......【正文】　　雖著專案越來越大，我們要撰寫的js檔也越來越多，但最後我們都會在App.js(或是Root.js)去import...

Hyora ‧ 2018-11-03

0 Like 0 留言 5420 瀏覽

鐵人賽自我挑戰組 DAY 27

請你當我的好朋友吧！ReactJS！系列第 27 篇

技術【DAY 27】React-router，其它很有用的組件（下）

【前言】　　終於要來到倒數幾篇了！！！有沒有對於這些更熟悉了呢？希望有幫到大家！【正文】　　今天來介紹<Redirect>吧！ <Redire...

Hyora ‧ 2018-11-02

0 Like 0 留言 7459 瀏覽

鐵人賽自我挑戰組 DAY 26

請你當我的好朋友吧！ReactJS！系列第 26 篇

技術【DAY 26】React-router，其它很有用的組件（上）

【前言】　　倒數最後五篇～～一起加油吧！【正文】　　昨天講完Link，今天來講跟Link很常用到的其他組件八吧！ Switch：用來包Route與Redirec...

Hyora ‧ 2018-11-01

0 Like 1 留言 2530 瀏覽

鐵人賽自我挑戰組 DAY 25

請你當我的好朋友吧！ReactJS！系列第 25 篇

技術【DAY 25】react-router三劍客，Router、Route、Link（下）

【前言】　　今天一樣不多說廢話，直接進主題。【正文】　　今天來介紹Link吧！ Link就是提供我們導引到其他頁面的連結，會被render成<a>標...

Hyora ‧ 2018-10-31

7 Like 1 留言 3533 瀏覽

鐵人賽 Modern Web DAY 26

一步一腳印的React旅程系列第 26 篇

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(6)-上吧！迴圈！

Hi！大家好啊！其實最後五篇的時候一直在作品中間鬼打牆XD，有時候想說這樣做，睡前又想說可以這樣做，起床改一改上班又想到另外一個作法，總之真的覺得第一次使用組件...

神Q超人 ‧ 2018-10-31 ‧團隊IT成長營

技術 【Day.29】React進階 - 以Redux Thunk處理非同步資料流

技術 【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

技術 美好的幻覺：Frontend 前端

技術 仿Trello - 製作reducer

技術 仿Trello - 建立 Redux Store

技術 Day 26：批改系統網頁 (8) – 利用 Redux 來進行元件之間的狀態變更

技術 [Day25] 語言切換-2：store架構調整

技術 [Day20] 客戶(本地)端儲存

技術 [Day12] 幫喜歡的項目按下愛心

技術 [Day9] Redux：我是大家的無人機

技術 建立前端開發準則，讓團隊能夠有效率的開發好維護的程式碼（by 均一前端工程師宜陞）

技術 React 學習筆記_29(在React中使用Redux - 5)

技術 React 學習筆記_28(在React中使用Redux - 4)

技術 React 學習筆記_27(在React中使用Redux - 3)

技術 React 學習筆記_25(在React中使用Redux - 1)

技術 React 學習筆記_24(認識Redux)

技術 React 學習筆記_26(在React中使用Redux - 2)

技術 [Day 25] 使用ngrx in Angular(2)

技術 【Day 27】Redux middleware - redux-thunk

技術 Day14 | Redux 的改變，Logger 看得見

技術 Day13 | React 的快樂小夥伴 - Redux 事件處理篇

技術 【Day 17】Redux 實戰演練

技術 【Day 16】state management - redux 基礎概念

技術 【DAY 30】鐵人練成！完賽心得！很累、很好玩。

技術 【DAY 29】react-router，很高興認識你！

技術 【DAY 28】用react-loadable與react-router做code splitting吧

技術 【DAY 27】React-router，其它很有用的組件（下）

技術 【DAY 26】React-router，其它很有用的組件（上）

技術 【DAY 25】react-router三劍客，Router、Route、Link（下）

技術 [筆記][React]來做個作品吧！待辦事項「todolist」篇(6)-上吧！迴圈！

標記使用者

技術【Day.29】React進階 - 以Redux Thunk處理非同步資料流

技術【Day.28】React進階 - 導入Redux，讓元件溝通更簡潔

技術美好的幻覺：Frontend 前端

技術仿Trello - 製作reducer

技術仿Trello - 建立 Redux Store

技術建立前端開發準則，讓團隊能夠有效率的開發好維護的程式碼（by 均一前端工程師宜陞）

技術【Day 27】Redux middleware - redux-thunk

技術【Day 17】Redux 實戰演練

技術【Day 16】state management - redux 基礎概念

技術【DAY 30】鐵人練成！完賽心得！很累、很好玩。

技術【DAY 29】react-router，很高興認識你！

技術【DAY 28】用react-loadable與react-router做code splitting吧

技術【DAY 27】React-router，其它很有用的組件（下）

技術【DAY 26】React-router，其它很有用的組件（上）

技術【DAY 25】react-router三劍客，Router、Route、Link（下）