前端趨勢

在這個鏈接上：https://risingstars.js.org/2023/en#section-all

公布了一個 2023 全年 github 新增 star 數量榜單，star 的新增數往往代表了這個庫使用的人越來越多，趨勢越來越好：

那么這些庫到底都是何方神圣呢？我們到底要不要學呢？接下來我們就盤點一下。

冠軍：shadcn/ui

2023 年的 JavaScript 生態系統中最耀眼的明星項目無疑是 shadcn/ui。這個由 React 構建的 UI 組件集合，憑借 TailwindCSS 的強大定制能力，在眾多項目中脫穎而出。

如果是 React 技術棧的朋友，項目用得到的話可以試試這款 UI 框架，或者看看源碼學習一下：

亞軍：Bun

Bun 是 Node.js 和 Deno 的競爭對手，是一個新的 JavaScript運行時。

Bun 不僅是一個專注性能與開發者體驗的全新 JavaScript 運行時，還是一個轉譯器、構建工具、包管理器以及測試庫的全能工具包。

它宣稱能給開發者帶來更快的開發速度。。但是。。。目前 已經支持 windows 了，后續肯定越來越火。。。。想學也學不到啊。。

季軍：Excalidraw

Excalidraw 是一個用 React 寫的一款畫圖工具，用起來很簡單，并且它附帶了豐富的現成的圖庫。

它的源碼也非常有學習價值，有興趣的可以去看看：

框架：React & Nextjs

這兩個不用說，React 在全球的前端框架排名中常年都是第一，并且人氣每年都在瘋狂飆升，根本停不下來。

Next.js 是 React 的服務端渲染框架，React 的火爆自然也帶火了 Next.js。

學不學？這還需要問嗎？肯定要學啊！！！

后起之秀：HTMX

HTMX 是一種新的簡單交互的方案。

當今比較火的框架 Vue 或者 React，我們在用這些框架開發項目的時候，其實是把 HTML 部分完全放在前端去處理的，后端只需要給我們推送數據即可。也就是比較流行的 前后端分離模式。

HTMX 將改變這種模式，HTMX 倡導的是無論是 HTML 還是 數據，都要從后端去拿。

它的原理很簡單：

• 從任何用戶事件發出 AJAX 請求。
• 讓服務器生成代表該請求的新應用程序狀態的 html。
• 在響應中發送該 html。
• 將該元素推到它應該去的 DOM 中。

也就是倒回到服務器渲染 Html，不得不說歷史就是輪回。

htmx 風潮已經襲來，人們開始強調一種“傻瓜客戶端”方法，即由服務器生成 html 本體并發送至客戶端，意味著 UI 事件會被發送至服務器進行處理。

這個稍微了解一下就行了，沒必要去學吧。。。短時間內你覺得能盛行起來嗎？