前端週刊第十四期

夕陽白雪發表於2022-04-10

前端週刊發表每週前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每週定期發表,歡迎大家關注、轉載。
如果外鏈不能訪問,關注公眾號前端每週看,裡面有解決辦法

大事件

  • Veni,vidi,formatae! 宣佈Rome Formatter:超快速的 JavaScript 格式化——Rome是一個雄心勃勃的專案,旨在一次性替換許多JS 工具。但是Rome不是一天建成的,所以他們首先公佈了他們對Prettier式程式碼格式的看法。你可以從 CLI 中使用它,但他們推薦這個 VS Code 擴充套件,主要是為了體驗一下。

  • 用 Rust 編寫 Redux Reducers——我們經常介紹 Rust 如何慢慢進入眾多 JavaScript 領域(例如上面的Roma!),但這是一個有趣的問題:使用Rust編寫並編譯為WASM並用在 React/Redux 應用程式。

  • JavaScript和Node測試最佳實踐:2022 版——五十個最佳實踐分為幾類(測試、後端、前端等),並附有簡單的示例。我們在 2.5 年前首次與此相關聯,但現在已經發布了一個新版本,根據 2022 年標準進行了更新,並提供了其他七種語言的翻譯,包括中文、西班牙文和法文。

  • RedwoodJS 1.0——Tom,前 GitHub 的聯合創始人,宣佈 RedwoodJS 的 1.0 版本,一個可能最初與Jamstack最相關的全棧框架,但本質上是一個 React 和 GraphQL 驅動的框架,用於構建任何東西你喜歡的應用程式。

  • 烏克蘭開發者:支援烏克蘭的線上活動——包括 Addy Osmani、Cassidy Williams、Dan Abramov 和 Sandi Metz 在內的知名人士將於 4 月 25 日至 26 日齊聚一堂,進行一些精彩的(線上)會談,以幫助為烏克蘭籌集資金-相關的原因。

文章

  1. ShadowRealms:一個更好的 ECMAScript 提案eval() — 在第 3 階段,名稱奇特的ShadowRealm API提案提出了一種在與當前程式碼不同的上下文中執行任意 JS 程式碼的新方法。

  2. TypeScript 的編譯器是如何編譯的 — 短小精悍,但圖表很棒。

  3. 建立可定製 Angular 元件的終極指南 - 涵蓋了許多領域,包括最佳實踐、反模式、全域性樣式、mixin、CSS 變數使用等。

  4. How to Test Component Interactions with Storybook - 當您想要模擬和驗證使用者行為時,演練元件測試工作流程。

  5. Windows 執行時 GUID 如何在 JavaScript 中表示? - 這是一件小事,但 Microsoft 的程式碼考古學家(他的部落格中充斥著 Windows 瑣事)並不經常提到 JavaScript。

框架釋出

  1. Astro 1.0 Beta
  2. React Native 0.68
  3. Mapbox GL JS 2.8 – 瀏覽器中的快速地圖。
  4. Swiper 8.1 - 強大的移動觸控滑塊。
  5. Danfo 1.1 – 受 Pandas 啟發的資料處理庫。
  6. Cucumber.js 8.0 – JavaScript 的 BDD。
  7. pkg 5.6.0 – 將 Node 應用程式打包成可執行檔案。

程式碼和工具

  1. React Libraries to Use in 2022:React 生態系統是如此廣泛,以至於我們甚至有一個單獨的 React 時事通訊,當涉及到庫時,問題是選擇太多,而不是太少,所以像這樣一個固執己見的列表可以派上用場。

  2. AgnosticUI: A Component Library for Numerous Frameworks: 一組當前支援 React、Vue 3、Svelte 和 Angular 的元件,但您也可以讓它們在 vanilla JavaScript 中工作。一些例子

  3. Preview.js:在您的 IDE 中即時預覽 UI 元件— 即 VS Code 或 JetBrain IDE,開箱即用。相容為 React 和 Vue 構建的元件。

  4. JSZip 3.9:建立、讀取和編輯 .zip 存檔檔案:一個簡單而優雅的 API。主頁非常酷,因為它有一個現場演示和一個方便的操作方法。或者你可以去GitHub repo。

  5. article-parser:從網頁中提取文章的節點庫:給它一個 URL,然後,你可以得到一些有用的內容。現場演示。你可能不會驚訝地知道可讀性是在底層使用來完成大部分工作的

  6. Cornerstone.js:構建基於 Web 的醫學影像應用程式的庫

相關文章