iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

寫出好維護又簡潔的 react 程式碼 feat: Function Programming 系列

主要是簡介好維護的 react 寫法和 FP 的使用

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 11

day11: CSS style 規劃 - utility CSS(Tailwind)-2

這個章節我們來介紹怎麼安裝 Tailwind,和使用 Tailwind 我們一樣使用 create-react-app 安裝 npm install -D ta...

2021-09-26 ‧ 由 joseph wu 分享
DAY 12

day12: 模組化好的寫法-為什麼要模組化

在過去 Javascript還沒發展 common.js 或是 ESM,在使用 Javascript 時,因為使用 <script></scr...

2021-09-27 ‧ 由 joseph wu 分享
DAY 13

day13: 模組化好的寫法 -單一功能原則(1)

在程式碼中,我們常常因為需要在一個功能當中觸發不同的 side effect,會導致一段 function 中,會參雜其他功能的判斷和觸發,而這些功能到最後越來...

2021-09-28 ‧ 由 joseph wu 分享
DAY 14

day14: 模組化好的寫法 -單一功能原則(2)

接續前一天的單一功能原則,我們重構了 fetchUser 變成一個 customer hook , useFetchAPI,那我們現在來引入看看,也接著來重構剩...

2021-09-29 ‧ 由 joseph wu 分享
DAY 15

day15: 模組化好的寫法 - 只公開必要的 Interface 和狀態管理

只公開必要的 Interface 當你在實作一個模組,若過公開全部的參數介面,那其實就失去模組化的意義了,因為你等於將全部的操作都交給外部參數,就跟沒模組化一樣...

2021-09-30 ‧ 由 joseph wu 分享
DAY 16

day16: function programming 是什麼?

在過去我們寫程式常常會遇到以下這種情形 let statusA = 0; const B = ()=>{ if(abc === '1'){ sta...

2021-10-01 ‧ 由 joseph wu 分享
DAY 17

day17:First-class function

在了解 first-class 一等公民函式前,我們先來看看 MDN 對於 first class functions 的定義是什麼 A programmin...

2021-10-02 ‧ 由 joseph wu 分享
DAY 18

day18: pure function

今天我們提到 pure function,那相對的也會有, not a pure function, 以下我們先來的, not a pure function...

2021-10-03 ‧ 由 joseph wu 分享
DAY 19

day19: High order function

相信寫過 javaScript ES6 的大家一定使用過,high order function,譬如 map, reduce,接下來就來講解 high ord...

2021-10-04 ‧ 由 joseph wu 分享
DAY 20

day20: immuable

今天提到 immuable,對於程式當中儲存的資料來說,如果你存的資料可以被更改,那你永遠不知道誰改了你的原始資料,為了避免這種情況發生,我們就必須要有 imm...

2021-10-05 ‧ 由 joseph wu 分享