前端週刊 | Edge 超越 Safari 成為桌面端第二大瀏覽器; React 18.1、Firefox 100、Jest 28 釋出

語言: CN / TW / HK

假期結束,前端週刊雖遲但到,快來看看上週發生了哪些新鮮事兒吧!

科技趣聞

1. Microsoft Edge 超越 Safari 成為第二大最受歡迎的桌面瀏覽器

資料顯示,微軟 Edge 現在在全球 10.07% 的臺式電腦上使用,比 Safari 高出 0.46%,後者為 9.61%。谷歌 Chrome 以 66.64% 的市場份額位居第一,Mozilla 的 Firefox 以 7.86% 的市場份額位居第四。Microsoft Edge 超越 Safari 成為了第二大最受歡迎的桌面瀏覽器。

對於移動平臺,情況就不同了。在 StatCounter 的分析中,Edge 甚至沒有進入移動瀏覽器的前六名。排名第一的 Chrome 佔據了 62.87 的使用份額,iPhone 和 iPad 上的 Safari 以 25.35% 排名第二,領先第三名 20.65%。

從桌面和移動的整體統計資料來看,Chrome 以 64.36% 的份額領先,Safari 以 19.13% 的份額位居第二,Edge 以 4.07% 的總市場份額位居第三。

更新速遞

1. React 18.1 正式釋出

4月26日,React 18.1正式釋出,該版本幾乎是一個錯誤修復版本,如果你已經升級React 18,那建議也升級該版本。

更新詳情:https://github.com/facebook/react/releases/tag/v18.1.0

2. Jest 28 正式釋出

4月15日,Jest 28 正式釋出。它帶有一些長期需要的功能,例如支援跨多臺機器、包的分片測試執行以及自定義偽計時器行為的能力。

更新詳情:https://jestjs.io/blog/2022/04/25/jest-28

3. Node 16.15.0 (LTS) 正式釋出

4月27日,Node v16.15.0 (LTS) 正式釋出,該版本主要增加了對 fetch API 的支援。

更新詳情:https://nodejs.org/en/blog/release/v16.15.0/

4. Firefox 100 正式釋出

5月3日,Firefox 100 正式釋出。2004 年,Firefox 1.0 釋出,如今已經過去了18 年,Firefox變得更加強大。

更新詳情:https://blog.mozilla.org/en/mozilla/celebrating-firefox-100/

5. npm v8.8.0 正式釋出

4月17日,npm v8.8.0 正式釋出。

更新詳情:https://github.com/npm/cli/releases/tag/v8.8.0

開源趨勢

下面來看看上週 Github 上有哪些熱門的前端專案吧!

1. Spacedrive

Spacedrive 是一個開源的跨平臺檔案管理器,由用 Rust 編寫的虛擬分散式檔案系統 ( VDFS ) 提供支援。在一個地方組織多個裝置上的檔案。從雲服務到離線硬碟,Spacedrive 將裝置的儲存容量和處理能力整合到一個個人分散式雲中,使用起來既安全又直觀。

Star⭐:7.2 k

本週Star⭐️:5315

Githubhttps://github.com/spacedriveapp/spacedrive

2. appsmith

appsmith 是一個用於構建管理面板、內部工具和儀表板的低程式碼專案。開源在幾分鐘內將任何資料來源轉換為內部應用程式。Appsmith 允許拖放 UI 元件來構建頁面,連線到任何 API、資料庫或 GraphQL 源並使用 JavaScript 物件編寫邏輯。

Star⭐:16.9 k

本週Star⭐️:1588

Githubhttps://github.com/appsmithorg/appsmith

3. JSON Visio

JSON Visio 是一個 JSON 資料的視覺化工具,它可以無縫地在圖表上展示資料,而無需重組任何內容、直接貼上或匯入檔案。

Star⭐:3.1 k

本週Star⭐️:703

Githubhttps://github.com/AykutSarac/jsonvisio.com

4. framework

framework 是 Nuxt 3 儲存庫。Nuxt.js 是一個 Vue.js的通用框架,最常用的就是用來作SSR(伺服器端渲染)。其特點如下:

  • 模組化: Nuxt 基於一個強大的模組化架構。你可以從 50 多個模組中進行選擇,讓你的開發變得更快、更簡單。對 PWA 的支援、新增谷歌分析到你的網頁或生成網站地圖,這些功能都無需重新發明輪子來獲得。
  • 高效能: Nuxt.js 預設會優化你的應用程式。我們儘可能地利用 Vue.js 和 Node.js 的最佳實踐來構建高效能的應用程式。Nuxt 幫你把所有不需要的位元都從你的應用程式中剔除,並且還包含了一組分析器,以便更好地優化你的應用程式。
  • 友好: Nuxt.js 具備有吸引力的解決方案、描述清晰的錯誤訊息、強大的預設值和詳細的文件。如果有問題或遇到困難,社群會幫助你解決。

Star⭐:6.7 k

本週Star⭐️:569

Githubhttps://github.com/nuxt/framework

5. FortuneSheet

FortuneSheet 是一個插入式 javascript 電子表格庫,提供 Excel 和 Google Sheets 等豐富功能。

Star⭐:614 k

本週Star⭐️:410

Githubhttps://github.com/ruilisi/fortune-sheet

工具推薦

1. Emoji Mart

Emoji Mart 是一個可定製的 web 表情選擇器 HTML 元件。

GitHub:https://github.com/missive/emoji-mart

2. React Responsive Pagination

React Responsive Pagination 是一個響應式的 React 分頁元件,它可以智慧地呈現到可用寬度,支援React 18。

GitHub:https://github.com/jonelantha/react-responsive-pagination

3. PyScript

PyScript 是一個框架,它允許使用者使用 HTML 的介面在瀏覽器中建立豐富的 Python 應用程式。PyScript 旨在為使用者提供一流的程式語言,該語言具有一致的樣式規則、更具表現力且更易於學習。

GitHub:https://github.com/pyscript/pyscript

4. Plyr React

Plyr React 是一個響應式媒體播放器,簡單易用,可針對影片、音訊、YouTube 和 Vimeo 進行自定義。

GitHub:https://github.com/chintan9/plyr-react