iT邦幫忙

redux相關文章
共有 159 則文章
鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 9

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

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

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

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

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

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 26
Angular 8 從推坑到放棄 系列 第 26

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

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

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 17

技術 【Day 17】Redux 實戰演練

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 自我挑戰組 DAY 30

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

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

鐵人賽 自我挑戰組 DAY 29

技術 【DAY 29】react-router,很高興認識你!

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

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 自我挑戰組 DAY 27

技術 【DAY 27】React-router,其它很有用的組件(下)

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

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

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

鐵人賽 自我挑戰組 DAY 25

技術 【DAY 25】react-router三劍客,Router、Route、Link(下)

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

鐵人賽 Modern Web DAY 26
一步一腳印的React旅程 系列 第 26

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

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

鐵人賽 自我挑戰組 DAY 24

技術 【DAY 24】react-router三劍客,Router、Route、Link(中)

【前言】  最近壓力大、天氣變換大,我的皮膚又開始作怪了(暈,剩下最後七篇了!【正文】  昨天介紹四種Router標籤,今天來介紹**Route**。 Rout...

鐵人賽 自我挑戰組 DAY 23

技術 【DAY 23】react-router三劍客,Router、Route、Link(上)

【前言】  不怕我誤人子弟嗎QQ【正文】  昨天我們簡單的利用react-router模擬一個SPA的網頁,今天我們就來說說Router、Route、Link到...

鐵人賽 Modern Web DAY 24
一步一腳印的React旅程 系列 第 24

技術 [筆記][React]來做個作品吧!待辦事項「todolist」篇(4)-Redux登板,建立store

昨天把新增的表單處理完了!今天要來處理Redux的部分,雖然年代久遠,不知道大家還記不記得,忘記的話就當作複習,來做一次吧! 確認資料 在要做新作業的時候,最...

鐵人賽 自我挑戰組 DAY 22

技術 【DAY 22】react-router,實現單頁式網站的秘密

【前言】  終於來到最後的react-router囉!再撐一下就可以把這三劍客都認識一遍了!【正文】  我想大家應該都很常聽到什麼SPA、單頁式網站、Singl...

鐵人賽 自我挑戰組 DAY 21

技術 【DAY 21】暫且休息一天,聊聊目前學習的心境。

【前言】  這篇不會有什麼新東西,只會有一堆廢話......嗚嗚嗚【正文】  話說也踏入前端五個月了,也就代表學習react五個月,然後也意味著被react荼毒...

鐵人賽 自我挑戰組 DAY 20

技術 【DAY 20】redux你就到這裡吧,讓我們邁向下個階段

【前言】  這篇會是redux的複習索引,下篇開始就是react-router囉!【正文】  一開始我們先介紹了redux的概念,也強調它可以單獨使用,不是一定...

鐵人賽 自我挑戰組 DAY 19

技術 【DAY 19】redux的那些兩三事

【前文】  廢話不多說,直接進正文。【正文】  一般來說,以往用redux所做的action、reducer、store,在程式傳遞的時候都是同步執行的,也就是...

鐵人賽 自我挑戰組 DAY 18

技術 【DAY 18】更快的撰寫action跟reducer吧!redux-actions參上

【前言】  終於先把基本的redux告一段落了......可是工作上的進度還是大延遲(嘆氣【正文】  採用以往的方式撰寫action、reducer的確可行,但...