該週報主要為各個地方內容的彙總整理
技術#
What Even Are React Server Components#
React 伺服器組件是在伺服器上呈現的 React 組件，旨在減少網路瀑布並創建快速構建和維護的良好使用者體驗。它們減少了傳送到客戶端的 JavaScript 數量，並且可以嵌套，從而減少了需要的請求數量。伺服器組件看起來像普通的 React 組件，但需要額外的儀器來使伺服器正常工作。它們不能解決所有 React 問題，只應用於更大更複雜的應用程式。
How to measure page loading time with Performance API#
文章講述了如何使用效能 API 測量頁面載入時間，並提供了一個 JavaScript 實現的範例。作者還創建了一個名為 "page-loaded-in" 的 NPM 套件，以幫助開發人員節省時間。在開發基於 Web 的專案時，優先考慮效能至關重要，以為使用者提供無縫和高效的體驗。
React reconciliation: how it works and why should we care#
文章討論了 React 渲染組件過程中的一個謎團。當條件渲染組件時，它可能在每次重新渲染時卸載並重新掛載自身，導致內部狀態丟失。但是，如果多個組件使用相同的條件渲染，React 會重新渲染原始組件而不是卸載並重新掛載一個新的。這種行為是由於 React 的調和演算法，該演算法旨在通過修改現有元素而不是添加或刪除它們來高效地更新 DOM。該文章提供了有關演算法運作以及它對 React 開發的影響的詳細解釋。
工具#
will-this-react-global-state-work-in-concurrent-rendering#
在 React 並發渲染中測試打斷渲染和狀態分支
react-lifecycle-visualizer#
可視化和完整日誌追蹤 React 渲染
recharts#
使用 React 和 D3 構建的重新定義圖表庫
喜歡這種拆分組件式的，不是傳入一個大的 options
neon#
一個用於在 Node.js 應用和庫中嵌入 Rust 的庫和工具鏈
Chat2DB#
一款由阿里巴巴開源免費的多數據庫客戶端工具，支援 Windows、Mac 本地安裝，也支援伺服器端部署，Web 網頁訪問。
更新#
View Transitions API#
視圖轉換 API 提供了一種機制，可以輕鬆創建不同 DOM 狀態之間的動畫過渡，同時在單個步驟中更新 DOM 內容。
https://github.com/vuejs/vitepress/pull/2347/files
在 Chrome 點擊主題切換
https://deploy-preview-2347--vitepress-docs.netlify.app/