念念不忘,必有迴響。有一口氣,點一盞燈,有燈就有人。

Ramda 之 find()

Ramda 之 find()

find() 為 Ramda 常用的 Operator,常搭配 propEq()equals() Operator 一併使用。

Ramda 初體驗

Ramda 初體驗

一直很羨慕 F# 的 List module 提供了豐富的 Operator,而 ECMAScript 的 Array.prototype 卻只提供有限的 Operator 可用,因此無法完全發揮 FP 威力。

但這一切終於得到解決,Ramda 擁有豐富的 Operator,且很容易自行開發 Operator 與 Ramda 整合使用。

如何在 Quokka 執行 Ramda ? (VS Code)

如何在 Quokka 執行 Ramda ? (VS Code)

Ramda 是 JavaScript 實現 FP 的神兵利器,透過 Quokka,我們可以更快速測試與學習 Ramda。

如何在 Quokka 執行 Ramda ? (WebStorm)

如何在 Quokka 執行 Ramda ? (WebStorm)

Ramda 是 JavaScript 實現 FP 的神兵利器,透過 Quokka,我們可以更快速測試與學習 Ramda。

如何使用 VS Code 開發 Vue ?

如何使用 VS Code 開發 Vue ?

VS Code 是目前最受歡迎的前端開發環境,只要安裝合適的套件,就能在 VS Code 開發 Vue,適合前後端分離時的純前端開發。

如何在 WebStorm 使用 FiraCode 字型 ?

如何在 WebStorm 使用 FiraCode 字型 ?

FiraCode 是最近很流行的字型,其特色是 => 變成真正的箭頭,特別適合 ECMAScript 2015 的 Arrow Function。

WebStorm 已經內建 FiraCode 字型,只要稍微設定即可使用。

如何在 VS Code 使用 FiraCode 字型 ?

如何在 VS Code 使用 FiraCode 字型 ?

FiraCode 是最近很流行的字型,其特色是 => 變成真正的箭頭,特別適合 ECMAScript 2015 的 Arrow Function。

重構 Computed

重構 Computed

Computed 是 Vue 很偉大的發明,它簡單地實現了 Reactive Programming,當 computed 所相依的 datacomputed 改變時,computed 也會自動改變。

如何使用 FP 風格開發 Vue ?

如何使用 FP 風格開發 Vue ?

Vue 若要使用 OOP 風格開發,可以使用 Class Component,還可搭配 TypeScript,Vue CLI 預設已經整好環境。Vue 原本風格,介於 OOP 與 FP 之間,沒使用 class,但卻大量使用 this,這仍是 OOP 產物,若要更具 FP 風格,可以參考本文的方法。

如何對兩層 Array 使用 Map() ?

如何對兩層 Array 使用 Map() ?

由 API 所傳回的 JSON 資料,實務上常常會遇到 Array 中又有 Array,而 Array 中則為 Object,而我們希望維持原本 Array 的筆數,但新增 Object 的 Property 為我們所用。

若是單層的 Array,我們毫無懸念會使用 Map(),但面對兩層 Array,該如何使用 Map() 呢 ?