第 94 期 - 把 Bug 放進同個籃子

Created on 2021-08-17

本週專欄

React | 用實作了解 Server-Side Rendering 的運作原理-Redux 篇

在寫了「React | 用實作了解 Server-Side Rendering 的運作原理」之後，就有規劃要繼續寫關於導入 Redux 和 call API 的部分，雖然大概過了一年半，但該補的坑還是來補。在這篇文章裡不會提到太多有關 SSR 的觀念，因為在上一篇文就已經有提過，不過在開始導入 Redux 和 call API 之前，還是會稍微複習之前做了什麼，然後再接下去繼續說明 🙌！

前端開發

Essential JavaScript Interview Coding Questions

好久沒有分享 JavaScript 的面試題目了，首先讓我們忽略一些比較 tricky 的面試題目，在 JavaScript 裡還有很多很實用的觀念和語法可以融入實作裡面，這篇文章列出了 21 道題目以及該用什麼思維解題，推薦大家可以花個幾分鐘看看，順便測試自己能答對幾題！

Understanding Functional Programming in JavaScript

如果是寫 JavaScript 的開發者，一定多少都會在學習的過程中聽見 Functional Programming（函數式編程）這個名詞，這篇文章用簡單的例子解釋 Functional Programming，並列出目前 JavaScript 裡有哪些語法使用了這項編程方式。

React Snapshot Testing With Jest: An Introduction With Examples

最近開始碰了一些 unit test 的部分，但身為一個前端工程師只會 function 的 unit test 是不夠的，還需要會 component 的 unit test，這篇文章教大家如何利用 snapshot testing 來進行 component 的 snapshot testing 藉以達到 component 行為上的 unit test。

Adding 100 underline/overlay animations | The impressive CSS collection

這個真的太酷了！完全不知道 underline 或 overlay 可以有這麼多不同的設計，而且只需要利用簡單的幾行 CSS 程式碼就可以達到了，如果有前端工程師遇到設計師要用這種底線的表達方式，不妨可以上來這個網站上進行查詢，說不定會有意想不到的答案喔XD

How to Build Blog Using Gatsby 💻

Gatsby 是一個使用 React 和 GraphQL 技術打造的靜態網頁的產生器，如果你已經是熟悉使用 React 的開發者，那就更不能夠錯過！這篇文章提供了一些入門 Gatsby，並足以創建一個 Blog 的內容，有興趣的話可以跟著文章一起建立一個 Blog！

Next.js 11.1

Next.js 終於把 11.1 的版本擠牙膏擠出來了(誤，自從 Next.js 宣布支援 swc 後有發現 Next.js 開始利用 Rust 語言做了不少事情，而這次的更新也做了不少改動，想要了解更多改動的可以閱讀這篇由官方撰寫的文章吧！

Node.js

We’re under attack! 23+ Node.js security best practices

要上手 Node.js 很簡單，但要把 Node.js 寫得安全卻不太容易。這篇文章整理了 23 個 Node.js 的 security best practices，只要你把這些建議都做到，那應該就不用太擔心安全性了～

Running CPU-Bound Tasks in Node.js: Introduction to Worker Threads

Node.js 一向被認為不擅於解決 CPU 密集型的問題，因為 Node.js 的 JS 引擎是單執行緒的。但自從有了 worker thread 之後，Node.js 也可以把多個任務分配給多個 thread 執行，效能上也會好上許多

How to Use Promise.allSettled()

從 Node v12.9.0 開始的 Promise 物件多了一個新的 method 叫 allSettled，這篇舉了一些例子來講解這個新的 allSettled 到底可以用來幹嘛，還不認識他的朋友們趕快來看看吧～

DevOps

Docker Compose Alternatives for Kubernetes: Skaffold

對於有在 K8s 開發應用程式的人來說，在本地端使用 Docker Compose 或許是個最簡單的解決方案，但有個問題就是這樣本地端環境跟真實的生產環境一定不同，直接在本地端來個 K8s Cluster 或許可以解決這個問題，但這樣每次改一點東西就要 Build 跟 Deploy Containers 到這個 K8s Cluster 中，其實很勞民傷財；所以這篇文章想要跟大家介紹怎麼使用由 Google 推出的 Skaffold 來讓本地開發流程更簡單！

PromCat: A resource catalog for enterprise-class Prometheus monitoring

Prometheus 時常被用來監控 Cloud-Native 環境，也吸引到廣泛的社群資源，但是目前好像有點多到沒那麼容易去找到適合自己又品質好的資訊，畢竟文件都不太齊全或是已經過時，Sysdig 這邊想要提供給大家一個良好的 Prometheus 監控體驗，所以他們創造了 PromCat 平台，它提供了一個類似 Prometheus 相關資源分類目錄的概念，讓使用者可以透過他來輕易地找到針對 Kubernetes 和 Cloud-Native 服務的有用資訊跟工具，所以大家下次想要尋找什麼 Prometheus Rule, Exporter, Grafana Dashbord 都可以先來這邊翻翻看

Kubernetes 1.22: Server Side Apply moves to GA

K8s 在這次推出的 1.22 版當中，有一個叫做 Server Side Apply 的功能也跟著一起正式 GA，它主要是想幫助使用者或是管理者可以透過 Declarative Configuration 的方式來管理 K8s 資源，這個功能主要是想要取代掉以前由 Client 端透過 “kubectl apply” 去完成的任務，讓這類型的實作方式改成由 Server 端來完成，它在 api-server 中提供了新的合併演算法來追蹤欄位的所有權，當有兩個角色嘗試編輯同一個欄位的資料時，它可以透過衝突偵測的功能來發現，想要了解具體細節的話，可以參閱官方文件

StarBugs Weekly

StarBugs Weekly 由一群不寫文章就會想要亂花錢，但是又沒有那麼多錢，只好繼續寫文章的開發者所創立。
內容包含 Web 前端、中端、後端、DevOps、產品開發、精實創業，一切跟產品有關的知識，都是我們的守備範圍！

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@KyleMo - 雜食性軟體工程師，喜歡的技術我都想學。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。
@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

@GQSM - Hi！我是神 Q 超人，一個先衝再說的男人。
@LarryLu - 我是 Larry，傳說中的 0.1 倍工程師！
@LukaTW - 一名全身都是死角的工程師。
@smalltown - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。

Feedback

本週呈現主題方式做了一些改變，希望讓讀者能夠更快速精準的找到自己要的資訊。也加入社群活動這個區塊，每週更新社群活動的資訊。如果有任何建議，歡迎私訊星巴哥技術週刊 FB 粉絲專頁與我們聯繫。