在開發時，總缺少不了 bug 的存在， 那如何 debugger 就是所有開發者都很在意的問題了， 以往開發 web 每個瀏覽器都會有相應的 devtool，...
阿毛
‧
2021-10-16
第 28 天 ! 倒數 3 天！ 當我們道路都打通後，我們要開始想要傳什麼資料進去， 首先，我們要確定要放在 redux store 的資料是什麼？ 通常，我們...
阿毛
‧
2021-10-13
第 27 天 ! 昨天我們把 redux 給接入到我們的專案上， 那今天試著把 store 的 state 給導入到我們的 component 裡， 那我們要如...
阿毛
‧
2021-10-12
在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...
第 26 天 ! 今天我們來試著把 redux 的環境建立起來吧， 安裝 redux 套件： yarn add redux redux 本身是獨立的套件，是...
阿毛
‧
2021-10-11
在上一章Todolist with React (2)，完成所有樣式設定後，現在就讓我們在 React 中加入 Redux，使用 React-redux 動態...
前情提要：在前面的文章有了Redux，狀態管理沒煩惱，學到了如何在 Redux 透過 Action 管理更新所有的 State。接下來就讓我們學習如何在 Re...
自我介紹 嗨～大家好，這是我第一次來參加鐵人賽 那本身就是前端工程師，接觸前端也有一陣子了， 之前都是在 Web 上做開發， 使用的是 ReactJS， 那這次...
阿毛
‧
2021-09-16
昨天我們建立了 HTTPS 連線，藉以讓使用者可以登入網站。不過雖然已經可以登入網站了，但是卻還是有登入後各個元件之間狀態無法同步資料的問題，究竟我們該如何解...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
今日關鍵字：redux 當初資料格式裡面有這兩個屬性 isFavorite: boolean isReminding: boolean 對應著是否加...
簡介 上一篇中我們已經將大部分的內容與功能都建立完成，最後要建立的便是給使用者選擇要看到那些Todo的選項按鈕，顯示篩選分別為 : 全部Todo 已經完成的T...
簡介 上一篇中我們已經將AddTodo建立好並且確認Reducer會產生新的state，接下來要建立將Todo物件顯示在UI的組件，由於TodoList只負責渲...
簡介 上一篇中我們已經將Action與如何處理Action的Reducer建立好了，接下來將整個TodoList專案透過以下順序建立: 輸入新的Todo內容並...
簡介 上一篇中提到了React與Redux的結合並且設計了Component的階層，本篇將照著設計好的Component進行實作。 Action Creater...
簡介 雖然Redux與React沒有關係，可以用Redux搭配Angular,JQuery甚至原生JavaScript，不過由於React是單向資料流的形式，若...
前言 就 Redux 而言，與上一篇的 Counter 不同的地方就是多了 Action 以及 Reducer，而它們也都只是純函數，測試並不會是難點，需要思考...
前言 在 Redux 中做非同步的請求其實是很麻煩的，這也是一開始讓我卡關的一個痛點，但好在有 StackOverflow 才沒讓這個痛持續很久。 其實一開始我...
前言 前兩篇學習了 Redux 的操作方法，雖然 Redux 替我們處理資料真的很方便，但是實際上是得經過 Component、Action、Reducer 三...
前言 在上一篇的資料處理篇中，我們學習到了如何將資料放到 Store 中儲存，並以 useSelector 將資料取出，而本篇會提及如何使用 Reducer 異...
嗨囉！大家好！最後三天最難熬！昨天已經能夠展開我們的編輯區了，今天來把編輯資料的部分做完吧！ 那一開始先來做Redux的部分吧！要處理的事情有以下幾點，讓我們...
Hi！大家好啊！其實最後五篇的時候一直在作品中間鬼打牆XD，有時候想說這樣做，睡前又想說可以這樣做，起床改一改上班又想到另外一個作法，總之真的覺得第一次使用組件...
嗨囉！大家好啊！就像上一期（還是上上一期？）最後說的，今天就要來處理新增資料啦！話說剛剛在準備進度時，都沒經過任何測試，一次執行就過，讓我非常驚訝，一直在試是不...
昨天把新增的表單處理完了！今天要來處理Redux的部分，雖然年代久遠，不知道大家還記不記得，忘記的話就當作複習，來做一次吧！ 確認資料 在要做新作業的時候，最...
回憶 昨天介紹了 Flux 架構和它的實作套件 Redux。最後我們寫了簡單的 Redux 程式，體驗 Redux 如何運作。以 Flux 架構圖來說， 昨天的...
iT 邦幫忙鐵人賽
May
灆洢 a.k.a Maplewing
Jasper
b97201019
神Q超人
eugenechen