articles

目前共有 16篇 文章

超香的react data fetching library - SWR,與嘗試解釋它背後的實作原理

2020 05.24
SWR 介紹 是美國 Vercel 公司出的一個 library, react Hook base,Vercel 公司在 2020 年 4 月從以前的名字 ZEIT 改名,它們就是做 react 社群裡很有名的 Server-side-rendering 框架 - next…

瀏覽器上的threading - web workers

2020 05.10
集合吧!threading 厨們!! threading 與我: 在一開始學應用程式開發的時候接觸 Android programing, 後來也自己摸過一點點 swift,也寫過 JAVA swing(年代久遠的一個東西...用 JAVA 做 desktop…

react為何會是react - 我多希望開始學react的第一天就有人先告訴過我這些事

2020 01.05
首先先來看看 react 在它 github repo 的敘述 A declarative, efficient, and flexible JavaScript library for building user interfaces. from declarative…

react 16.8後的Hook API是如何運作的

2019 12.15
在 2018 年底的 react16.8 推出之後,我們的 function components 開始有 hook api 可用,就算是 function components 也可以有狀態,但有想過為什麼可以這樣嗎?本篇文章是在消化過數個網路上解釋 hook…

為什麼Hook API要有dependencyArray:了解hook Api裡最要注意的stale closure的問題

2019 12.15
從 上一篇文章 裡我們有了,hook 承載住的資料和 callback 其實是一個被放在 React 執行環境底下的 array 的概念, 這篇文章裡要來呈現一個 hook API 裡的獨特設計 - dependency。 dependency 就是指放在 useEffect…

Custom Hook pattern 與 如何為Custom Hook寫測試,然後要怎麼克服那些困難的點

2019 11.30
在開始討論單元測試之前,還是必須要介紹一下什麼是 Custom Hook 在 2018 年底的 react16.8 推出之後,我們的 function components 開始有 hook api 可用,就算是 function components…

打造自己部落格的CI/CD pipeline,以BitBucket環境為例

2019 08.04
必須要解決的問題 在之前的一篇 文章 中,我們使用 Gatsby 打造出了一個寫blog的環境,但是使用沒多久就會遇到一個問題,那就是,部落格的更版實在是 非常地麻煩 ,以我是把部落格自己放在自己在 DigitalOcean VPS…

我的瀏覽器自己會動!web e2e test with cypress

2019 07.04
e2e test e2e, means end to end, 指測試一個完整的使用流程,如登入,訂購商品到購物車裡...etc unit test, integration test, e2e test, AB test.....一堆名詞 這些名詞的差別和定義可以看 Will…

務實的react component unit test

2019 07.03
如何針對 Component 寫出務實(practical)的 test react 裡 component 的特性 有畫面,有邏輯 (html, css, js all in js) 互相依賴,但是寫得好的話很容易做到可插拔,就變得很好 mock 一些依賴, props…

部落格建置過程6 - 使用Gatsby打造出一個寫部落格的環境

2018 08.23
本篇文章有影片版囉,歡迎觀看,要是有朋友是阿部 寛粉絲的話更是不可錯過影片中精彩的寛哥出現情節(!?)啊 但是台灣現在都喝不到檸檬堂 啦,哭哭 😭😭 == 好ㄅ,以下會是稍微正經一點的介紹Gatsby的文章 == markdown…

部落格建置過程5 - 透過Let'sEncrypt公司取得免費的SSL證書,製作HTTPS連線

2018 08.22
HTTP"S", "S" means secured 每當瀏覽器連上一個網站後進行一次又一次的HTTP請求與接收回應,就是一次又一次的資料交換,這些過程的資料應該要被加密,以防止有心人士在網路傳輸過程之間攔截資料,進而修改或是竊取資料。 HTTPS就是HTTP…

部落格建置過程4 - 買網域,然後綁定在自己Server上

2018 08.21
爲你的Server綁定網域(domain) 關於上網這件事... 使用瀏覽器,連線到世界上的某個角落上的某台伺服器,它提供你一些內容,瀏覽器解析這些內容,然後呈現給你看,這件事就叫上網。 今天我們上網使用的通訊協定是HTTP, HTTPS,下面都先暫且用HTTP…

部落格建置過程3 - 安裝Nginx

2018 08.10
使用 nginx 當做Server的第一線 Nginx (唸法是engine-X)是一個俄國人開發的HttpServer,跟 Apache 有類似的作用,都是可以用來當作一台伺服器或是一個服務的架構上的第一線,在那邊可以做 reverse proxy , 轉址 , load…

部落格建置過程2 - Linux虛擬主機的初始設定

2018 08.09
虛擬主機開好了,好興奮呀 photo from ETToday新聞雲 但...要怎麼操作它?? 登入Digital Ocean的控制後台,左邊選droplets…

部落格建置過程1 - 在Digital Ocean上租VPS主機

2018 08.03
這一系列文章適合怎麼樣的人 想做出自己的部落格,但是不想依賴市面上的各種現有的服務(medium, 痞客邦, blogger....) 知道要做靜態網站的話東西也可以放在 github-page 上,但還是想自己處理更多 想藉由管理自己的網站來熟悉Linux…

我的部落格開始了

2018 08.02