第 84 期 - 一路跟小孩 WFH 到暑假嘍!

Created on 2021-06-08

本週專欄

網址怎麼查不到？- DNS 管理的常見問題

通常公司有規劃自己區域網路的話，其中一定會有 Internal DNS Server，當地端的 DNS Server 想要查詢到雲端的 Private Zone，或是雲端的 DNS Server想要查詢到地端的 Private Zone 時該怎麼做？希望透過這篇文章分享的概念，可以讓正在規劃公司內部網路架構的人不用像我當年一樣自己慢慢摸索 T_T

星巴哥專欄作者，原創文章

前端開發

React 新概念 — Server Components

文中介紹了 React 團隊公布的最新的實驗性概念 React Server Components，Server Components 可以用來解決前端打包的 Bundle.js 資源檔太大和與 Server 來回請求次數太多的問題，雖然 Server Components 與當前主流的前後端分離有點不太一致，但是對於要針對 Client 的效能優化來說，還是個可以研究的方向。

Future of CSS - Container Query

在現階段如果要做 RWD（Responsive Web Design）的話，都會需要使用 @media 判斷目前 window 的大小，來調整頁面中 element 的顯示方式，但在未來可能會出現 @container，讓開發者可以根據某個 container 的大小做調整。

Design Patterns In JavaScript

如果你很喜歡使用設計模式來解決一些常見的問題，但卻不曉得該如何在 JavaScript 中使用的話可以參考這篇文章，作者詳細介紹了每個設計模式在 JavaScript 的使用範例，可惜的是少了一些實用的情境和上下文，所以如果本身就設計模式還不太熟的讀者，可以先了解設計模式想解決的問題後，再回來看這篇文章。

現代前端工程化-基於 Monorepo 的 lerna

現代的前端開發越來越複雜，在管理一個大型專案上部分專案都會使用 monorepo 的方式來管理，最有名的就是 lerna 這個套件，這篇文章講述了 lerna 這個套件在管理 monorepo 上的一些相關知識，有興趣的讀者可以收藏起來日後閱讀。

Frontity

這是個看起來相當有趣的專案，利用 wordpress 當作 CMS 而且可以自己手動刻畫面，而且還是基於 React.js 做出來的套件，感覺日後會有很多可玩性這邊可以推薦讀者做後續的觀察XD

JavaScript — async/await 的 race condition

在非同步中難免都會遇到 race condition 的問題，畢竟很有可能多個 request 在同一個時間點回傳 response 過來去做同一件事情的修改，這篇文章講述了 JavaScript 中的非同步 race condition 問題，有興趣的讀者可以收藏起來看~

後端開發

What is the difference between 0.0.0.0, 127.0.0.1 and localhost?

前幾天跟朋友討論到 server 監聽 127.0.0.1/0.0.0.0/localhost 三者的行為有什麼不同，想說應該也有很多人不太清楚，所以後來在 StackOverflow 上找了一篇不錯的問答，有相同疑惑的話可以參考看看～

利用 Apps Script 讓 Google 表單回覆自動產出 Google 文件

身為最愛偷懶的工程師，當然什麼事情都要儘量自動化。這篇文章示範了怎麼用 Google 提供的 App Script(很像 JS) 在表單送出時，自動產生出一個文件檔，非常有趣而且也實際解決了作者的問題～

淺談 HTTP/3 與 QUIC

雖然還有很多網站連 HTTP2 都沒用上，但近幾年來 HTTP3 也越來成熟了，所以快趁現在來了解一下 HTTP3 以及其底層的 QUIC 吧～

DevOps

Using Kubernetes to rethink your system architecture and ease technical debt

開發人員以把程式重寫而聞名，特別是當他們無法理解交接到手上的軟體是如何運作的時候，但是有經驗的開發人員應該要知道，除非真的有其必要性，不然應該避免把整個程式重新撰寫，因為重寫的過程通常會涉及很多複雜的問題，而且也有可能在過程中引入新的問題；文章一開頭是這樣講沒錯，但後來整個系統後來還是被翻掉了XD 在文章中的 Pusher 資深工程師很詳細講述如何分析複雜系統的故事，然後嘗試重建既有系統到 K8s 時面臨的挑戰，最主要想讓讀者知道，在考量更換架構的風險和好處時，可能會需要多次嘗試才能找到最適合的解決方案，並且去說服其他人為什麼要這樣做

Chaos Experimentation, an open-source framework built on top of Envoy Proxy

線上應用服務一定會壞掉，而這只是時間早晚的問題，而不是運氣好不好，而且在分散式系統的架構下，微服務間互相依賴，也造成越來越難知道當某個服務運行不正常，回應時間變久或是成功率下降時，整體服務會是什麼樣的反應，而提早發現這些問題得答案便是 Chaos Engineering 可以幫上忙的地方；而因為 Lyft 所有服務的運行都會透過 Envoy Proxy，所以他們開源了一個構築於 Envoy Proxy 之上的 Chaos Experimentation Framework，讓開發人員可以更簡單的透過這個框架來實現 Chaos Engineering，想要知道具體內容的話，千萬不要錯過精彩的文章內容

Infrastructure-as-code platform Oak9 raises $5.9M

Oak9 是一個專注於 Infrastructure as Code 安全的服務平台，他在最近的種子輪募資到將近六百萬的美金，看來隨著 IaC 的普及，這類型的工具的需求越來越高，其實從 Deloitte 在 2017 年的一項調查中顯示只有 42% 的受訪者對於他們組織在於管理網路安全風險方面具有信心，而且這幾年來雖然每間公司都逐漸增加資安的投資用以應對分散式 IT 架構還有在家工作的挑戰，但 IDG 表示還是有將近 80% 的資深 IT 從業人員認為自己的組織缺乏應對網路攻擊的防禦能力，所以 Oak9 可以拿到募資也不意外，因為他希望透過整合在軟體開發生命週期中為 Cloud Native 應用服務強化其安全性，並且分析 Infrastructure as Code，藉由不中斷地監控來協助維護各種雲端資源的安全性，讓 IT 從業人員可以對於自己的負責管理的服務更有信心

StarBugs Weekly

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

Writers:

@HannahLin - 從台灣到矽谷，熱愛前端的工程師女孩。
@Kyle老莫 - 無法忍受自己一天不進步的熱血社會菜雞。
@Airwaves - Hi~我是 Airwaves，熱愛研究如何造輪子的前端工程師。
@Jenny - 我不寫 CSS。

Curators:

@Andy - 目標成為用嘴巴工作的工程師，專長為網頁開發以及 K8s。

Maintainers:

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

Feedback

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