StarBugs 星巴哥 技術週刊

【 #前端開發】React Server Components – How and Why You Should Use Them in Your Code

這篇文章先是介紹了當前 React 的 component 面臨到哪些瓶頸，像是因為非同步請求產生的 render 問題，或是可維護性方面的狀況。接著會開始介紹 react client component 和 react server component 各是什麼，還會講解 react server component 的限制，以及該如何利用 react server component 與 react client component 建立更好的結構！最後還有提供範例，真的很讚！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/gqsm-180/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

React Server Components – How and Why You Should Use Them in Your Code In late 2020, the React team introduced the "Zero-Bundle-Size React Server Components" concept. Since then, the React developer community has been experimenting with and learning how to apply this forward-looking approach. React has changed how we think about building user interfaces. And the new mo...

【 #後端開發】快速上手 Grafana k6 壓力測試工具

台灣的軟體工程師應該沒有人不知道保哥。保哥這篇文章介紹了一款超簡單、超方便、五分鐘就能學會的壓力測試工具 k6，而且壓力測試的邏輯還是用 JavaScript 寫的。如果你從來沒有試過壓力測試工具，那可以參考看看這篇文章，應該很快就能學會了～

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/larry-180/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

快速上手 Grafana k6 壓力測試工具 - The Will Will Web 如果要問我哪一套壓力測試工具最好用，我會說 k6 絕對是開發者體驗最好的一種，他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境，而且我們這幾年的專案也用了幾次，感覺相當不錯

【 #前端開發】Mastering JavaScript Shorthands

在 JavaScript 裡面，會有許多方便的寫法可以讓開發者避免寫下許多條件判斷，讓程式碼更精簡（當然是在合理範圍內的精簡 😂），例如：物件的解構、透過短路來決定是否執行方法，和問號判斷 null 及 undefined 都非常好用！那還有什麼其他的簡寫方式呢？快看看文章中還列了哪些吧！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/gqsm-180/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Mastering JavaScript Shorthands | HackerNoon Today, we'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant.

【 #前端開發】Chrome Debugger is easier to use than you might think

雖然目前已經很少在用 debugger 配合 Chrome 的開發者工具來除錯了，但是記得剛從 asp.net 轉到前端工程師時，真的很懷念那可以讓我一行一行執行，然後看每個變數現在值是什麼，以及現在跑到哪的中斷點。也許現在都較習慣用 console.log，不過有時候在找 bug 時就是需要一些靈感，所以將這些工具都先放到包包裡，總會有某個靈機一動的時機讓你想起來還有它！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/gqsm-180/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Chrome Debugger is easier to use than you might think Please, don’t tell me you’re still using console.log to debug your application. Ok, everyone does...

【 #後端開發】How to Design a Scalable Rate Limiting Algorithm with Kong API

身為後端工程師，當然要知道怎麼做 Rate Limiting。這篇文章說明了幾種比較常見方法的優缺點，以及怎麼在分散式系統中做 Rate Limiting（還有幫自家產品打一下廣告XD）。如果你平時很常在開發 API，這篇文章絕對值得你一讀。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/larry-180/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

What is Rate Limiting? Kong API Scalable Design + Best Practices What is rate limiting? Navigate through the pros and cons of the available algorithms and best practices for how to design scalable rate limiting in Kong API.

【 #後端開發】Top 6 message queues for distributed architectures

Message Queue 在後端領域中是非常重要的工具，但 MQ 那麼多種，究竟該怎麼挑呢？這篇文章從開源的 RabbitMQ、Kafka 講到雲端的 Amazon SQS 跟 GCP Pub/Sub，每一種都有其獨特的優勢和要面臨挑戰。如果你還不太確定這些工具之間有什麼差別，那這篇文章很適合你讀～

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/180/larry-180/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Top 6 message queues for distributed architectures Message queues for decoupled distributed architectures and their advantages and disadvantages

【用 JavaScript 玩轉設計模式 - 你一定用過但可能不知道的 Facade Pattern（外觀模式）】

在程式設計的時候，我們經常會將各個行為獨立拆開（例如文章例子中的取得資料、檢查權限邏輯、檢查），這麼做會得到的好處是能夠在只需要該功能時單獨使用，或是更容易地與其他行為做組合，例如：其他地方如果需要檢查某些東西，可以單獨使用某個類別。壞處就是在使用時，你必須了解到這群方法和類別該如何正確互動，且每次使用時都需要承擔使用三種類別或方法的複雜度。

那有辦法讓這件事情看起來簡單一點嗎？可以！就用 Facade Pattern！Facade Pattern 通常會在「當你想要替一些複雜的操作，提供一個簡單的使用方式」時使用。

▍ 專欄作者： (https://medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。

用 JavaScript 玩轉設計模式 - 你一定用過但可能不知道的 Facade Pattern（外觀模式） Facade Pattern 也很如其名，就是為這些東西的互動建立一個外觀，讓使用時只看到被建立的外觀，而不會分心於內部操作的複雜度。套一句在讀書會時，朋友的精闢結論： 「其實 Facade Pattern 就是封裝」 Facade Pattern…

【Maintainers の 內心話】

：
大家好，我是 Larry，這是最後一次在 Starbugs 推薦文章了。星巴哥成立了三年多，這段時間能透過週刊的方式時常分享技術新知、還有寫一些文章給大家看，對我來說是很棒的經驗，也是很寶貴的回憶。
雖然 Starbugs 要結束了，但我必須說如果沒有讀者們的支持，那就沒有今天的週刊，所以想在這裡謝謝你們的一路相伴。在 Starbugs 結束之後，未來我還是會不定期寫文章、分享有趣的內容，希望以後還能用不同的方式，繼續與大家交流～

-

：
Hi！大家好，我是神 Q 超人！本來打了很多好捨不得之類的言論，但畢竟我是個大人了，所以又全部把它們全都刪掉。
最後道別的話我不太會說，但是真的非常感謝這幾年來大家的支持。

-

：
感謝各位讀者三年多一路的陪伴，直到現在都還有很多人訂閱著星巴哥技術週刊，真的很感動。同時也謝謝願意將文章發到星巴哥的每一位技術寫作者，沒有你們就沒有星巴哥。沒想到這麼快來到了最後一期，心中無限不捨。感傷之餘，感謝所有默默支持我們的人，希望你們未來順利。StarBugs Weekly 星巴哥技術週刊下台一鞠躬。

【第 180 期 - 未來看見 bug 記得想起我們，謝謝大家！】

大家好～今天是父親節，祝各位爸爸，以及代父職的家長，父親節快樂 ପ(⑅ˊᵕˋ⑅)ଓ

今天也要告訴大家一件重要的事情 － 因為人力不足的關係，星巴哥將結束週刊了！
非常謝謝大家一直以來的支持～希望往後的某些時刻能讓大家想起，曾經有個星巴哥陪伴著大家！我們有緣再相會～🥹

本週專欄是由 分享有關 #設計模式 的應用 － 用 JavaScript 玩轉設計模式 - 你一定用過但可能不知道的 Facade Pattern（外觀模式）

推薦文章領域：神Q推薦的 #前端開發、Larry推薦的 #後端開發

第 180 期 - 未來看見 bug 記得想起我們，謝謝大家！ 第 180 期 - 未來看見 bug 記得想起我們，謝謝大家！

【 】Built-in functions in Go 1.21

Go 從版本 1.21 開始又多了 min、max、clear 三個內建函數，這篇文章用很簡短的幾個例子帶你看看他們，以後寫程式的時候就可以直接拿來用啦！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/larry-179/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Built-in functions in Go 1.21 Computing the smallest/largest value and clearing containers.

【 】有沒有 On Premise 的 ChatGPT 啊？！

在雲端世界的解決方案中，企業常常因為資料安全性的考量，而不願意將資料上傳到雲端，這時候就會需要採購 On Premise 的版本，那在生成式 AI 的領域裡有沒有類似 ChatGPT 的 On Premise 的版本呢？
答案當然是肯定的，目前有看到幾個比較多人使用的專案，分別是 ColossalChat, privateGPT, localGPT，其中 privateGPT 使用的 LLM 為 GPT4All，localGPT 則是使用 Vicuna-7B，推薦給有類似需求的人

🔘 ColossalChat
🔘 privateGPT
🔘 localGPT

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/smalltown-179/
▍ 文章提交大大: (https://www.facebook.com/smalltown0110/) - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

GitHub - imartinez/privateGPT: Interact privately with your documents using the power of GPT, 100% privately, no data leaks Interact privately with your documents using the power of GPT, 100% privately, no data leaks - GitHub - imartinez/privateGPT: Interact privately with your documents using the power of GPT, 100% pri...

【 】開發 AI 應用服務要怎麼抓蟲?

一般來說，開發 Web 或是 Mobile App 時，都會使用諸如 Sentry 或是 Rollbar 的服務來協助追蹤程式遇到的問題，那在開發 AI App 時，要怎麼抓蟲和監控問題的發生呢?

在生成式 AI 開發框架中，相信不少人都是使用 ，而其實它也有推出類似的服務產品，也就是今天要提到的 ，底下將介紹他所提供的重要功能

🔘 Debugging: 視覺化使用者與 AI App 互動過程中每一個步驟輸入以及輸出 AI Model 的資訊，同時還會給出不預期的結果，錯誤，延遲時間，Token 的使用量，讓開發者有線索可以去找出可能是哪個地方出了問題；並且讓開發者可以直接從 LangSmith 的 UI 去做範例的測試，不用再複製貼上去 OpenAI Playground
🔘 Testing: 軟體測試最直接的方式，不外乎就是修改程式碼，然後把資料丟進去後觀察輸出有沒有符合預期，而 AI App 測試時，會需要比較多的輸入資料，LangSmith 讓開發者可以快速從正在追蹤的問題，或是透過手動上傳的方式來建立資料集，開發者就可以立刻輕鬆的使用他們來測試撰寫的 Chain 和 Prompt 是否符合預期
🔘 Monitoring: 程式當然不會再開發完成就結束了，當服務在線上持續運行時，時時刻刻監控其狀態是相當重要的，透過 LangSmith 可以去監控 AI App 的運行效能，例如延遲和成本，同時也要追蹤 Model 和 Chain 的運行效能，並且可以建立儀表板來了解目前使用者的使用狀況與體驗

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/smalltown-179/
▍ 文章提交大大: (https://www.facebook.com/smalltown0110/) - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Announcing LangSmith, a unified platform for debugging, testing, evaluating, and monitoring your LLM applications LangChain exists to make it as easy as possible to develop LLM-powered applications. We started with an open-source Python package when the main blocker for building LLM-powered applications was getting a simple prototype working. We remember seeing Nat Friedman tweet in late 2022 that there was “...

【 】假如生成式 AI 產生的程式碼都可以直接使用的話...

雖然自己有透 GitHub Copilot 和 ChatGPT 來增加生產力，但其實他產生出來的程式碼還是需要人工來檢查、修改，才能真正使用。最近看到一個叫做 LLM Strategy 工具提出來的想法滿不錯的，當工程師在撰寫 Python 時，只需要在程式碼上面加上 Decorator，例如: (OpenAI(max_tokens=256))，那麼在接下來的 Class Method 中就只需要寫上需求註解，不需要撰寫程式碼，GenAI 就會幫你把需要的程式碼補完 (看附圖應該可以更好理解)
或許在不久的將來，當 GenAI 產生的程式碼都可以直接使用時，工程師就可以專注在需求上，而不需要花時間在撰寫程式碼上，寫程式的門檻也會更低！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/smalltown-179/
▍ 文章提交大大: (https://www.facebook.com/smalltown0110/) - 熱愛鑽研各種可以提升雲端服務品質及增進團隊開發效率的開源技術。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Simplicity Wins: How Large Language Models Will Revolutionize Software Engineering Software engineering is on the brink of a revolution with the emergence of large language models (LLMs). LLMs are AI systems that have been trained on large amounts of data, allowing them to generate natural language text and source code. LLMs allow developers to specify intent using prompts, rather...

【 】Caching Golang tests in CI

這篇文章作者的公司 Airplane 用 Go 來開發產品，並且在每次有新 commit 時就在 Github Action 上跑單元測試。但因為單元測試跑得時間太久了（可能測試寫太多了，真是一間好公司XD），因此他們用了 cache 來大幅加速。如果你的公司也有測試太多要跑很久的問題，那也可以參考看看這篇文章的做法哦～

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/larry-179/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Caching Golang tests in CI | Airplane We use Golang (go) at Airplane and run all of our unit tests through a CI on each change in our monorepo. These tests were very slow, but we were able to use go test caching to speed them up by an order-of-magnitude (from minutes to seconds in many cases!). In the remainder of this post, we provide....

【 】Random testing in Go

這一系列講 Go Fuzzing Test 的四篇文章終於寫完啦，看完這四篇，除了會對 Fuzzing Test 有基本的認識之外，應該也會知道怎麼用他來找出一些奇怪的 bug。如果你對 Go 的基本語法還有單元測試已經非常熟悉，那現在來學 Fuzzing Test 剛剛好。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/larry-179/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Random testing in Go — Bitfield Consulting Choosing good test cases for our Go programs can be a bit hit-and-miss. What if we could automate that process? Let’s talk about randomisation, property-based testing, and Go’s built-in fuzz testing feature.

【 #前端開發】Zedux: Is this the one?

Zedux 是為最自由的 React 所建立的狀態管理工具，它潛伏了 5 年多仔細研究 React 狀態管理工具的生態，然後將各種狀態管理工具的優點全部 all for one 到自己身上。Zedux 中的 atom 參考了 Recoil，也吸收了 React Query 擁有簡單版本的 query 和 mutation，其中也包含 Redux 和 Jotai 的所有功能。那看來只要學習這套，之後怎麼鬼轉其他狀態管理工具都沒問題了。 😂

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/gqsm-179/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Zedux: Is this the one? | Zedux Zedux is a molecular state engine for React. After years spent as proprietary software hidden in a private GitHub repo, it's officially open-sourced and version 1.0.0 has been released!

【 #前端開發】The modern way of serving images

文章中一開始用數據表示，從 HTTP Archive 收集到的資訊當中，至少 70% 的網站都利用當作網站裡最吸引人的部分，但只有 34% 使用了 建立響應式和高效能的圖片顯示。作者會在文章中解釋為什麼我們會需要建立響應式的圖片，以及我們要如何利用 和 改善顯示或載入圖片時，在網頁遇到的常見問題以及使用者體驗！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/gqsm-179/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

The modern way of serving images Technical in-depth guide for the & srcset and sizes attributes to create responsive & performant images.

【 #前端開發】The End of Front-End Development

近幾年來 AI 急速成長，有許多前端工程師都會認為自己會被 AI 所取代，因為他們甚至能夠根據畫在紙上的 UI，產生對應的 HTML、CSS 和 JavaScript，這聽起來非常可怕，也讓許多前端工程師開始焦慮自己是否要繼續走下去。但是作者在這篇文章中指出，早在 CSS 誕生後的兩年內，第一個號稱不需要寫任何程式碼就能建構網站的 Homestead 就誕生了，但是現在前端工程師絕種了嗎？並沒有。而作者也有從其他面向去討論 AI 對軟體工程師的影響，最推薦的是最後一段寫給有熱忱的開發者的一段話。早上醒來看完這篇文章，心裡的暖都分不清到底是來自於作者的文字還是夏天的太陽。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/179/gqsm-179/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

The End of Front-End Development Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter. I'm much more optimistic about what these AI advancements mean for the future of software...

【Refactor | 這 3 個重構技巧我很喜歡，推薦給你 feat. JavaScript】

在本週的專欄中，神 Q 超人要跟大家分享他前陣子讀了鼎鼎大名的「重構｜改善既有程式的設計」後，覺得很喜歡的幾個重構技巧。

雖然文中的範例都是用 JavaScript 寫的，但不論你寫的是什麼語言、是新手還是老手，只要你對程式碼的可讀性和可維護性有所追求，那麼這篇文章就絕對值得你一讀。快跟著神 Q 一起進入重構的世界，學習更多有趣的技巧吧！

▍ 專欄作者： (https://medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。

Refactor | 這 3 個重構技巧我很喜歡，推薦給你 feat. JavaScript Hi！大家好，我是神 Q 超人！在這篇文章中介紹了三個重構的方式，除了這三個之外，在文章裡的重構步驟中，可能也有包含一些簡單的重構技巧，像是 Replace Constructor with Factory Function 建立統一取得相同物件的來源，或是修改變...

【第 179 期 - 星巴哥成立後的第一個颱風！】

大家好～自從星巴哥成立之後，颱風就都沒有侵入臺灣耶！換句話說：臺灣已經快四年沒有颱風登陸了，星巴哥也快成立四年了！這難道就是所謂的護國神「刊」嗎？！🤭
大家要儘早做好防颱措施喔～星巴哥關心你～🫶

本週專欄是由 分享有關 #重構 的技巧 － Refactor | 這 3 個重構技巧我很喜歡，推薦給你 feat. JavaScript

推薦文章領域：小城推薦的 、神Q推薦的 #前端開發、Larry推薦的

第 179 期 - 星巴哥成立後的第一個颱風！ 第 179 期 - 星巴哥成立後的第一個颱風！

【 #前端開發】The End of Front-End Development

近幾年來 AI 急速成長，有許多前端工程師都會認為自己會被 AI 所取代，因為他們甚至能夠根據畫在紙上的 UI，產生對應的 HTML、CSS 和 JavaScript，這聽起來非常可怕，也讓許多前端工程師開始焦慮自己是否要繼續走下去。但是作者在這篇文章中指出，早在 CSS 誕生後的兩年內，第一個號稱不需要寫任何程式碼就能建構網站的 Homestead 就誕生了，但是現在前端工程師絕種了嗎？並沒有。而作者也有從其他面向去討論 AI 對軟體工程師的影響，最推薦的是最後一段寫給有熱忱的開發者的一段話。早上醒來看完這篇文章，心裡的暖都分不清到底是來自於作者的文字還是夏天的太陽。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/gqsm-178/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

The End of Front-End Development Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter. I'm much more optimistic about what these AI advancements mean for the future of software...

【 #前端開發】The modern way of serving images

文章中一開始用數據表示，從 HTTP Archive 收集到的資訊當中，至少 70% 的網站都利用當作網站裡最吸引人的部分，但只有 34% 使用了 建立響應式和高效能的圖片顯示。作者會在文章中解釋為什麼我們會需要建立響應式的圖片，以及我們要如何利用 和 改善顯示或載入圖片時，在網頁遇到的常見問題以及使用者體驗！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/gqsm-178/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

The modern way of serving images Technical in-depth guide for the & srcset and sizes attributes to create responsive & performant images.

【 #職涯規劃】How to have a Successful Software Engineering Internship

好不容易拿到了在軟體公司實習的機會，但又怕自己的表現不好嗎？這篇文章提供了一系列實用的建議，如果最近正好在暑假實習，那也許可以參考看看文中的作法，讓自己在實習過程中可以學到最多的東西。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/larry-178/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

How to have a Successful Software Engineering Internship | Yangshun Tay How to have a Successful Software Engineering InternshipMay 15, 2023Since summer internships are round the corner, I figured it'd be useful to share some tips for interns to have a successful internship. Having mentored a few interns who and seen many examples of successful interns at Meta, I observ...

【 #職涯規劃】想提升演算法面試的實力嗎？來參加程式競賽吧！

如果想要讓自己的演算法實力大幅提升，以通過面試中的 coding test，那不妨參加看看演算法競賽。但作者在文中也提到，雖然演算法競賽和 coding test 看似相似，但其實有很大的差異，特別是在溝通和表達能力上。因此除了把演算法練扎實之外，還是得花一些時間練習表達自己的思路，才可以在面試中過關斬將。

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/larry-178/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

想提升演算法面試的實力嗎？來參加程式競賽吧！ 想提升演算法實力，我覺得參與競賽是滿好的方法之一，但雖然面試與競賽的考題內容看似雷同，本質上還是有明顯的差異，如果最終仍是以面試為目標，那我們該特別注意哪些地方呢？這篇就是想好好聊聊這部分，以免你競賽...

【 #職涯規劃】博弈公司的工程師生活：揭開神秘面紗，機會與挑戰並存

對博弈產業倒底在做什麼很好奇嗎？六角學院的 Ray 以自身經驗和朋友的見聞，揭開了這個神秘產業的面紗。從工作內容、技術需求，再到待遇和風險，都有詳細的解釋和分析。如果你對博弈產業有興趣，這篇文章非常值得一讀！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/larry-178/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

博弈公司的工程師生活：揭開神秘面紗，機會與挑戰並存 博弈產業是一個讓每個人充滿好奇的產業，因為它的神秘感及高薪水的特性，讓許多人對於這產業會感到特別的好奇，但是同時也讓許多人對於進入這個產業充滿的害怕與恐懼，為什麼呢？這一篇我就依照自己經歷以及身邊的朋...

【 #前端開發】Zedux: Is this the one?

Zedux 是為最自由的 React 所建立的狀態管理工具，它潛伏了 5 年多仔細研究 React 狀態管理工具的生態，然後將各種狀態管理工具的優點全部 all for one 到自己身上。Zedux 中的 atom 參考了 Recoil，也吸收了 React Query 擁有簡單版本的 query 和 mutation，其中也包含 Redux 和 Jotai 的所有功能。那看來只要學習這套，之後怎麼鬼轉其他狀態管理工具都沒問題了。 😂

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/178/gqsm-178/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Zedux: Is this the one? | Zedux Zedux is a molecular state engine for React. After years spent as proprietary software hidden in a private GitHub repo, it's officially open-sourced and version 1.0.0 has been released!

【開源專案讀起來 | 你看過計算機的裡面嗎？】

繼上次的「關於圈圈叉叉的雅量」之後，神 Q 的新文章「開源專案讀起來 | 你看過計算機的裡面嗎？」要再度帶你進入開源專案的世界。以計算機為主題，帶你看看三個開源專案分別是怎麼用 JavaScript 去實作加減乘除，以及他們的思路有什麼不同。

如果你想看更多開源專案的導讀，請趕快到文章下方留言告訴神 Q 你想了解哪個開源專案，讓神 Q 來幫你研究研究，下次就能看到你想看的題目囉～

▍ 專欄作者： (https://medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

開源專案讀起來 | 你看過計算機的裡面嗎？ Hi！大家好，我是神 Q 超人！終於又寫回開源專案讀起來系列啦，繼上次的圈圈叉叉後，這次選的主題也是做為練習對象很常見的計算機！就我剛剛在 GitHub 搜尋，光是用 JavaScript 寫了計算機的 repositories 就有 15…

【第 178 期 - 月光照亮你的眼睛】

大家好～今天星期五喔～有沒有覺得比較輕鬆快樂啊？小編今天上班的步伐整個快要飛起來了🤩

本週的專欄是 分享 #開源專案 的系列文－ 開源專案讀起來 ｜ 你看過計算機的裡面嗎？

推薦文章領域：神 Q 推薦的 #前端開發、 Larry 推薦的 #職涯規劃

▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

第 178 期 - 月光照亮你的眼睛 第 178 期 - 月光照亮你的眼睛

【 Design】Redis 與作者 antirez 的故事

軟體考古系列又來啦！這次的主角是大家都和熟悉的 Redis。這篇文章就像一部電影，帶你走過 antirez 的早年生活，看他如何從一個資料庫的門外漢，變成創造出 Redis 的英雄。如果你對資料庫有興趣，或者你也是一個狂熱的 Redis 迷，那千萬不能錯過這篇文章！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/177/larry-177/
▍ 文章提交大大: (https://larry850806.medium.com/) - 我是 Larry，傳說中的 0.1 倍工程師！
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

Redis 與作者 antirez 的故事 This article has an English edition. Read here. 在資料庫的世界，Redis 獨具一格。其他多數資料庫的中心思想不是表格就是文件，但在 Redis 裡，你直接與鏈結串列（linked list）和雜湊表（hash table）等低階資料結構打交道。 這正是 Redis 作者...

【 #前端開發】useHooks

相信有在使用 React 的開發者，對於自己寫 hooks 來說應該是家常便飯了，而這個意外看到的 repository 就是將各種常用的操作，像是 debounce、toggle、mouse 等等，然後把它們的邏輯包成方便使用的 Hooks！且網站中的每個 hooks 都有對應的 Demo 和程式碼，如果不想要下載整個套件也可以直接複製到專案用！

▍ 更多相關推薦: https://recommend.starbugs.dev/posts/starbugs-weekly/177/gqsm-177/
▍ 文章提交大大: (https://gqsm.medium.com/) - Hi！我是神 Q 超人，一個先衝再說的男人。
▍ 如果你有覺得不錯的文章想要推薦，歡迎透過表單推薦好文(可匿名) 傳送門 >> https://starbugs.typeform.com/to/m5BUyGll
▍ 星巴哥技術專欄開放投稿囉，如果你也對分享及創作有興趣及熱情，請參考如何投稿至 Starbugs 星巴哥 傳送門 >> https://medium.com/starbugs/3600d5100ca6

useHooks – The React Hooks Library A collection of modern, server-safe React hooks – from the ui.dev team