前端周刊發(fā)表每周前端技術(shù)相關(guān)的大事件懈费、文章教程、一些框架的版本更新博脑、以及代碼和工具憎乙。每周定期發(fā)表，歡迎大家關(guān)注叉趣、轉(zhuǎn)載泞边。
<span style="color:red;">如果外鏈不能訪問(wèn)，關(guān)注公眾號(hào)前端每周看疗杉，里面有解決辦法</span>
大事件
JavaScript 框架的四個(gè)時(shí)代——雖然考慮到作者的經(jīng)驗(yàn)阵谚，2012 年之前的歷史有點(diǎn)模糊，但這是一個(gè)很好的回顧烟具，試圖將 JavaScript 框架的歷史分解為四個(gè)時(shí)代梢什，每個(gè)時(shí)代都建立在之前的基礎(chǔ)之上。
從頭開始構(gòu)建 JavaScript Bundler ——你已經(jīng)構(gòu)建了一個(gè)待辦事項(xiàng)列表朝聋，你已經(jīng)構(gòu)建了一個(gè)靜態(tài)站點(diǎn)生成器.. 甚至可能是一個(gè)測(cè)試框架嗡午？Christoph 以他在構(gòu)建 Jest、Yarn 和 MooTools 方面的角色而聞名冀痕，他將我們帶到了下一步：構(gòu)建捆綁器荔睹。
Jest 28：JS 測(cè)試變得更輕狸演、更快、更高效—— Jest是最流行的 JS 測(cè)試框架和 v28 包之一：跨多臺(tái)機(jī)器的分片測(cè)試僻他、GitHub Actions 報(bào)告器宵距、改進(jìn)對(duì)包入口點(diǎn)的支持exports，以及更多的吨拗。
前端領(lǐng)域的 “干凈架構(gòu)”—— 它是一種非常方便的方案满哪，可以幫助你解耦你的代碼。讓層丢胚、模塊和服務(wù)盡量獨(dú)立翩瓜。不僅可以獨(dú)立發(fā)布、部署携龟，還可以讓你從一個(gè)項(xiàng)目遷移另一個(gè)項(xiàng)目的時(shí)候也更加容易兔跌。
文章
一個(gè)團(tuán)隊(duì)如何使用 Webpack 將啟動(dòng)時(shí)間減少 80% — 誠(chéng)然，這個(gè)團(tuán)隊(duì)從一個(gè)相當(dāng)?shù)托У钠瘘c(diǎn)開始峡蟋，例如在生產(chǎn)中使用 ts-node坟桅，但這篇文章包含許多團(tuán)隊(duì)可以理解的經(jīng)驗(yàn)或發(fā)現(xiàn)。
Matt Pocock 的 TypeScript Tips and Tricks — Matt最近因其有用的 TypeScript 推文和視頻而在 Twitter 上建立了良好的聲譽(yù)蕊蝗，因此很高興看到他與 Burke Holland 一起深入挖掘 VS Code YouTube 頻道仅乓。55 分鐘，但如果你是 TypeScript 用戶蓬戚，你會(huì)學(xué)到一些東西夸楣。
Node 18 的“僅前綴”核心模塊解釋 - 看看一種新型的核心模塊，它不能像其他模塊一樣被導(dǎo)入子漩，例如import test from 'node:test'.
框架發(fā)布
- React 18.1 – 一個(gè)修復(fù)錯(cuò)誤版本豫喧。
- 用于 Storybook 的 Figma 插件- 現(xiàn)在 GA。
- RxDB 12.0 – 離線優(yōu)先的反應(yīng)式數(shù)據(jù)庫(kù)系統(tǒng)幢泼。
- Postgres.js 3.1 – 高性能 PostgreSQL 客戶端庫(kù)紧显。
- Faker.js 6.2.0 – 假數(shù)據(jù)生成器。
- Peaks 2.0 - 用于與音頻波形交互的 UI 組件
代碼和工具
Remotion 3.0：在 React 中“編寫”視頻：Remotion讓您可以使用您的 React 技能通過(guò)在代碼中編寫您想要發(fā)生的事情來(lái)創(chuàng)建視頻缕棵，Remotion 處理渲染和編碼孵班。此視頻內(nèi)置 Remotion，展示了一種新的基于 AWS Lambda 的無(wú)服務(wù)器渲染機(jī)制招驴。
Frappe Gantt：一種開源 JavaScript 甘特圖控件： 甘特圖通常用于項(xiàng)目管理中篙程，以顯示在時(shí)間線上分布的活動(dòng)之間的進(jìn)度和聯(lián)系。此頁(yè)面上有一個(gè)現(xiàn)場(chǎng)演示别厘，或者您可以前往GitHub 存儲(chǔ)庫(kù)房午。
htmlparser2 8.0：一個(gè)“快速且寬容”的 HTML 和 XML 解析器：使用文檔并調(diào)用回調(diào)，但它也可以生成 DOM。這里有一個(gè)現(xiàn)場(chǎng)演示郭厌。適用于 Node 和瀏覽器。
https://github.com/ruilisi/fortune-sheet：現(xiàn)在還處于早期階段雕蔽，但這看起來(lái)很有希望折柠。當(dāng)然有現(xiàn)場(chǎng)演示。
React 響應(yīng)式分頁(yè)：智能分頁(yè)組件：一個(gè)響應(yīng)式 React 分頁(yè)組件批狐，它智能地呈現(xiàn)到可用寬度扇售。你可以在這里現(xiàn)場(chǎng)試用。
Emoji Mart 5.0：用于 Web 的可自定義 Emoji Picker：您可以在此處進(jìn)行測(cè)試嚣艇。
