在 Web 開發中保持領先：最新消息、工具和見解 #62

在此處註冊時事通訊，以便將每週摘要直接發送到您的收件匣。

weeklyfoo #62 在這裡：您需要了解的所有 Webdev 新聞的每週摘要！這次您將找到 6 個類別的 48 個有價值的連結！享受吧！

？讀它！

• 如果不是 React，那又怎樣？ ：框架主義沒有實現。答案不是不同的工具，而是進行工程設計的勇氣。作者：Alex Russel / 框架、react / 51 分鐘閱讀 /

51 分鐘閱讀

---

？很高興知道
• Hetzner 上的 Kubernetes：我如何將基礎設施成本削減 75%，並將運算能力提高 2 倍。作者：比爾·富蘭克林 / k8s、kubernetes、hetzner /
0分鐘閱讀
• 獨立應用程式開發 15 年的 15 堂課：第一課是我最喜歡的。作者：Lukáš Petr / 獨立 /
15 分鐘閱讀
• 受聘的設計：關於了解你的受眾，清晰勝於聰明，以及為什麼緩慢是順利的作者：Carly Ayres / 簡歷，申請 /
7 分鐘閱讀
• Undici v7 在這裡：Matteo Collina / nodejs、http / 流行版本的http 客戶端的主要版本
閱讀8 分鐘
• GenAI 如何重塑技術招募：大型語言模型迫使技術招募經理快速調整軟體工程面試流程。我們研究了這是如何發生的，以及在不久的將來會發生什麼，作者：Gergely Orosz、Elin Nilsson / 採訪 / 採訪
• / 閱讀16 分鐘 無私工程：非常有趣的讀物！作者：Dan McKinley / 工程
• / 19 分鐘閱讀 如何改進 INP：React：有關在使用 React 時可以使用哪些模式來改進互動到下一個繪圖 (INP) 的深入文章。作者：Jacob Groß / react、inp、表現
• / 表現 / 20分鐘閱讀 Astro 5.0：Astro 的下一個主要版本已經登陸！作者：astro.build /
• astro / 12 分鐘閱讀 不要他媽的滾動：不改變常規滾動行為的十個理由。作者：Adam Siekierski /
• 滾動 / 6 分鐘閱讀 為什麼我們轉向 Astro（以及為什麼您可能會對它感興趣）：關於從 Next.js 遷移到 Astro 的故事。作者：Stefano Verna /
• astro / 15 分鐘閱讀 如何發展職業關係：Tejas 分享了他如何衡量職業關係。作者：Tejas Kumar /
工程，協作 / 19 分鐘閱讀 / 19 分鐘閱讀
• 雲容器冰山：本指南有兩個目的：展示當今可用的容器選項的驚人廣度，並幫助您了解從實用到實驗性的全部選擇。作者：Adam Gordon Bell / 容器 / 14 分鐘閱讀
• React v19：React 的下一個主要版本，作者：react.dev / react /
/
• 22 分鐘閱讀 > CSS 包裹2024 年：2024 年的Chrome 和CSS 穿越森林、越過高山、越過海洋…作者：chrome.dev / css
• css / 閱讀18 分鐘 為什麼開源應用程式的 UI 往往不如商業軟體那麼精美：開源應用程式在技術中發揮關鍵作用，提供強大的工具、創新和社群驅動的開發。然而，許多用戶已經注意到，開源軟體的使用者介面 (UI) 往往缺乏商業、閉源軟體的精緻和技巧。作者：Darren Horrocks /
• oss / 4 分鐘閱讀 下一個平台：作為一個在 Kubernetes 上建立職業生涯的人，我總是在思考「下一個平台」是什麼（出於工作保障的目的）。作者：Mac Chaffee / 平台
、
• k8s / 1 分鐘閱讀 介紹 Prompt Engineering Toolkit：一個從法學碩士獲得準確且相關輸出的框架。作者：Sishi Long、Hwamin Kim、Manoj Sureddi / llms
、
• ai / ai / ai
/

ai

---

/

ai
• / ai1讀 冷電子郵件手冊：冷出站電子郵件的手冊。作者：za-zu.com /
• 行銷 / 64 分鐘閱讀
• ？工具 Steel：用於 AI 代理和應用程式的開源瀏覽器 API。 Steel Browser 是一個包含電池的瀏覽器實例，可讓您建立自動化網絡，而無需擔心基礎設施。作者：steel.dev /
• ai、api、瀏覽器
Glyph Neue：icons8.com 的精美圖示
• / icons LaTeX.css：LaTeX.css 是一個 CSS 庫，可讓您的網站看起來像 Vincent Dörig /
css 的 LaTeX 文件 SeekStorm：Rust 中的亞毫秒級全文搜索庫和多租戶服務器，作者：seekstorm.com / search, rust 完美主義者：帶著你的程式碼去美容院 Azat S / code, beautifier
• Skia Canvas：用於 Node.js 的 GPU 加速 2D 圖形環境，由 Christian Swinehart / canvas, nodejs
• Legend State：Legend-State 是一個超快速且強大的狀態庫，透過legendapp.com / state、react 實現細粒度反應性和輕鬆自動持久化
• Feather Icons：由 Cole Bemis 設計的簡單漂亮的開源圖示 / 圖示
• giscus：由 GitHub Discussions 提供支援的評論系統。讓訪客透過 GitHub 在您的網站上留下評論和回應！言語中深受啟發。透過 giscus.app / 評論、github
• react-verification-input：React 的可自訂、屏蔽輸入。作者：Andreas Willi / react，組件
• React Bluesky Embed：將Bluesky UI 嵌入到您的應用程式中，例如Hichem Fantar / react、元件、blue >
Tailwind 顏色：所有 Tailwind CSS 顏色都在一個方便的備忘單中，其中包含十六進位、hsl 和 rgb 值。作者：tailscan.com
• / 顏色、順風
Kinesis.js：該程式庫提供了一套元件，可根據滑鼠移動、滾動事件甚至音訊輸入等使用者互動創建引人入勝的動畫和轉換。作者：Amine Bouyarmane
• / 動畫
Spark UI：體驗動畫元件的魔力。由spark-ui.dev
• / ui 使用 Vue、TypeScript、TailwindCss 和 Vueuse Motion 製作
Markwhen：從類似 Markdown 的文字製作級聯時間軸。支援簡單的美國/歐洲日期樣式、ISO8601、圖像、連結、位置等。作者：markwhen.com
• / markdown，時間線
Outerbase Studio：瀏覽器中的輕量級資料庫 GUI。它支援連接到 Postgres、MySQL 和 SQLite。透過 studio.outerbase.com
• / 資料庫
Surreal Cloud：surrealdb.com 提供給大家的雲
• / infra, cloud
Radon IDE：Radon IDE 是 VSCode 和 Cursor 擴展，可將您的編輯器變成適用於 React Native 和 Expo 的功能齊全的 IDE。作者：swmansion.com
• / ide
Linkify：JavaScript 插件，用於尋找純文字連結並將其轉換為 HTML 標籤。作者：Nick Frasser
• / javascript，連結
• Checkmate：Checkmate 是一款開源、自架工具，旨在透過精美的視覺化效果即時追蹤和監控伺服器硬體、正常運行時間、回應時間和事件。透過 checkmate-demo.bluewavelabs.ca / 監控
• 瀏覽器沙箱：線上瀏覽器沙箱，也稱為線上 URL 沙箱，可讓您安全可靠地在網路之外的隔離環境中執行的瀏覽器中開啟您不信任的網站。通過 browserling.com / 安全性，沙箱
• BoldSign：輕鬆從我們的應用程式或您的應用程式在線收集具有法律約束力的電子簽名。企業級電子簽名應用程式和 API，以實惠的價格提供所有功能。作者：boldsign.com / 簽名
• Agree.com：透過人工智慧驅動的工作流程、免費電子簽名、自動發票和整合支付安全發送和簽署任何協議。透過同意.com / 簽名

---

？設計

• 每個設計師都需要的資料夾結構：保持乾淨。作者：Dan Mall / 文件 / 9 分鐘閱讀

---

？教學

• 為您的 Monorepo 建立 TypeScript CLI：快速存取重複操作的有用工具。作者：Chris Cook / cli、typescipt / 9 分鐘閱讀
/
• 9 分鐘閱讀 從遊戲到網路的磨砂玻璃：創造出漂亮的模糊效果。作者：Wolf Leonhardt / css /

17 分鐘閱讀

---

• ？影片 使用AWS Step Functions (API402) 建立進階工作流程：AWS re:Invent 2024，作者：Eric Johnson / aws、
工作流程
• > 一個框架來統治它們：使用 Astro 實現更快的網站：由 Eddy Vinck 在 2024 年 All Things Open 上發表 /
astro
• 倫敦 TypeScript 社群聚會：所有四場精彩演講。倫敦 TypeScript 社群聚會 /
typescript

想閱讀更多內容嗎？在這裡查看完整的文章。 要訂閱每週通訊，請造訪weeklyfoo.com。

以上是在 Web 開發中保持領先：最新消息、工具和見解 #62的詳細內容。更多資訊請關注PHP中文網其他相關文章！