iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

day21: side effect

今天提到的是 side effect,就像之前提到的, side effect 通常出現在以下幾種情況 state manipulation,interacti...

2021-10-06 ‧ 由 joseph wu 分享
DAY 22

day22: declarative vs. imperative

今天我們談到 declarative 聲明式和 imperative 命令式, 他的概念比較像是以下如下, 假設請一個廚師煮出一道高麗菜 imperative...

2021-10-07 ‧ 由 joseph wu 分享
DAY 23

day23: currying

Currying Function 今天要提到的是 currying 化,currying 化是 FP 專有的一種 function 表示方式,他專注在處理每個...

2021-10-08 ‧ 由 joseph wu 分享
DAY 24

day24: compose

今天要介紹的是 FP 當中重要的叫 compose,他把所有的 function 串起來,以下我們來看範例: 我們先實作一個 compose const com...

2021-10-09 ‧ 由 joseph wu 分享
DAY 25

Day25: pipe

昨天我們使用 function 的 compose,是從右至左執行,如果我們想由左至右執行,那我們可以用 pipe, pipe 是管線的概念,也就是依序執行 f...

2021-10-10 ‧ 由 joseph wu 分享
DAY 26

day26: 開始體驗 ramda.js

今天我們要開始體驗 Ramda,請大家到 Ramda.js 官網安裝 Ramda 後,就可以開始以下的實作。 像是前幾天提到用 curry 實作的 add fu...

2021-10-11 ‧ 由 joseph wu 分享
DAY 27

day27: function composition

今天補充一下,function composition 的概念。 在之前我們有提過 pipe 和 compose 的用法,但是他的基本概念就是 composit...

2021-10-12 ‧ 由 joseph wu 分享
DAY 28

day28: Pointfree

今天要來補充 Pointfree 的概念,這也同樣和 pipe 有關。 function 運算的過程 input-> fn -> output 引用...

2021-10-13 ‧ 由 joseph wu 分享
DAY 29

day29: functors

今天我們要來了解 javascript FP 中的 functors 概念。他的概念就是類似 OOP 中的設計模式或是 interface。只是他是實踐在 FP...

2021-10-14 ‧ 由 joseph wu 分享
DAY 30

day30: 完賽了,做個總結吧

今天終於來到終點拉!前幾屆參加一直半途而廢的我,這次因為有大團隊的組隊,不管是激勵或壓力,都促使我完成了這次挑戰。 透過這次的參賽,讓我對 React、模組化又...

2021-10-15 ‧ 由 joseph wu 分享