前端週刊發表每週前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每週定期發表，歡迎大家關注、轉載。
如果外鏈不能訪問，關注公眾號「前端每週看」，裡面有解決辦法
大事件
JavaScript 框架的四個時代——雖然考慮到作者的經驗，2012 年之前的歷史有點模糊，但這是一個很好的回顧，試圖將 JavaScript 框架的歷史分解為四個時代，每個時代都建立在之前的基礎之上。
從頭開始構建 JavaScript Bundler ——你已經構建了一個待辦事項列表，你已經構建了一個靜態站點生成器.. 甚至可能是一個測試框架？Christoph 以他在構建 Jest、Yarn 和 MooTools 方面的角色而聞名，他將我們帶到了下一步：構建捆綁器。
Jest 28：JS 測試變得更輕、更快、更高效—— Jest是最流行的 JS 測試框架和 v28 包之一：跨多臺機器的分片測試、GitHub Actions 報告器、改進對包入口點的支援exports，以及更多的。
前端領域的 “乾淨架構”—— 它是一種非常方便的方案，可以幫助你解耦你的程式碼。讓層、模組和服務儘量獨立。不僅可以獨立釋出、部署，還可以讓你從一個專案遷移另一個專案的時候也更加容易。
文章
一個團隊如何使用 Webpack 將啟動時間減少 80% — 誠然，這個團隊從一個相當低效的起點開始，例如在生產中使用 ts-node，但這篇文章包含許多團隊可以理解的經驗或發現。
Matt Pocock 的 TypeScript Tips and Tricks — Matt最近因其有用的 TypeScript 推文和視訊而在 Twitter 上建立了良好的聲譽，因此很高興看到他與 Burke Holland 一起深入挖掘 VS Code YouTube 頻道。55 分鐘，但如果你是 TypeScript 使用者，你會學到一些東西。
Node 18 的“僅字首”核心模組解釋 - 看看一種新型的核心模組，它不能像其他模組一樣被匯入，例如import test from 'node:test'.
框架釋出
React 18.1 – 一個修復錯誤版本。 用於 Storybook 的 Figma 外掛- 現在 GA。 RxDB 12.0 – 離線優先的反應式資料庫系統。 Postgres.js 3.1 – 高效能 PostgreSQL 客戶端庫。 Faker.js 6.2.0 – 假資料生成器。 Peaks 2.0 - 用於與音訊波形互動的 UI 元件
程式碼和工具
Remotion 3.0：在 React 中“編寫”視訊：Remotion讓您可以使用您的 React 技能通過在程式碼中編寫您想要發生的事情來建立視訊，Remotion 處理渲染和編碼。此視訊內建 Remotion，展示了一種新的基於 AWS Lambda 的無伺服器渲染機制。
Frappe Gantt：一種開源 JavaScript 甘特圖控制元件： 甘特圖通常用於專案管理中，以顯示在時間線上分佈的活動之間的進度和聯絡。此頁面上有一個現場演示，或者您可以前往GitHub 儲存庫。
htmlparser2 8.0：一個“快速且寬容”的 HTML 和 XML 解析器：使用文件並呼叫回撥，但它也可以生成 DOM。這裡有一個現場演示。適用於 Node 和瀏覽器。
https://github.com/ruilisi/fortune-sheet：現在還處於早期階段，但這看起來很有希望。當然有現場演示。
React 響應式分頁：智慧分頁元件：一個響應式 React 分頁元件，它智慧地呈現到可用寬度。你可以在這裡現場試用。