當(dāng)前位置：首頁 > 科技 > 軟件

2024年，這些前端開源庫值得我們學(xué)習(xí)

來源：責(zé)編：時(shí)間：2024-04-07 17:00:04 237觀看

導(dǎo)讀前端趨勢在這個(gè)鏈接上：https://risingstars.js.org/2023/en#section-all公布了一個(gè) 2023 全年 github 新增 star 數(shù)量榜單，star 的新增數(shù)往往代表了這個(gè)庫使用的人越來越多，趨勢越來越好：那么這些庫到底都是何方神圣呢？我

前端趨勢

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

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

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

冠軍：shadcn/ui

2023 年的 JavaScript 生態(tài)系統(tǒng)中最耀眼的明星項(xiàng)目無疑是 shadcn/ui。這個(gè)由 React 構(gòu)建的 UI 組件集合，憑借 TailwindCSS 的強(qiáng)大定制能力，在眾多項(xiàng)目中脫穎而出。

如果是 React 技術(shù)棧的朋友，項(xiàng)目用得到的話可以試試這款 UI 框架，或者看看源碼學(xué)習(xí)一下：

亞軍：Bun

Bun 是 Node.js 和 Deno 的競爭對手，是一個(gè)新的 JavaScript運(yùn)行時(shí)。

Bun 不僅是一個(gè)專注性能與開發(fā)者體驗(yàn)的全新 JavaScript 運(yùn)行時(shí)，還是一個(gè)轉(zhuǎn)譯器、構(gòu)建工具、包管理器以及測試庫的全能工具包。

它宣稱能給開發(fā)者帶來更快的開發(fā)速度。。但是。。。目前已經(jīng)支持 windows 了，后續(xù)肯定越來越火。。。。想學(xué)也學(xué)不到啊。。

季軍：Excalidraw

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

它的源碼也非常有學(xué)習(xí)價(jià)值，有興趣的可以去看看：

框架：React & Nextjs

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

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

學(xué)不學(xué)？這還需要問嗎？肯定要學(xué)啊?。?！

后起之秀：HTMX

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

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

HTMX 將改變這種模式，HTMX 倡導(dǎo)的是無論是 HTML 還是數(shù)據(jù)，都要從后端去拿。

它的原理很簡單：

從任何用戶事件發(fā)出 AJAX 請求。
讓服務(wù)器生成代表該請求的新應(yīng)用程序狀態(tài)的 html。
在響應(yīng)中發(fā)送該 html。
將該元素推到它應(yīng)該去的 DOM 中。

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

htmx 風(fēng)潮已經(jīng)襲來，人們開始強(qiáng)調(diào)一種“傻瓜客戶端”方法，即由服務(wù)器生成 html 本體并發(fā)送至客戶端，意味著 UI 事件會(huì)被發(fā)送至服務(wù)器進(jìn)行處理。

這個(gè)稍微了解一下就行了，沒必要去學(xué)吧。。。短時(shí)間內(nèi)你覺得能盛行起來嗎？

本文鏈接：http://m.www897cc.com/showinfo-26-81715-0.html2024年，這些前端開源庫值得我們學(xué)習(xí)

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： Session與JWT：認(rèn)證機(jī)制的比較

下一篇： C++原子操作與并發(fā)編程：提升多線程應(yīng)用的性能與穩(wěn)定性

標(biāo)簽：

熱門焦點(diǎn)

Redmi Pad評測：紅米充滿野心的一次嘗試

從Note系列到K系列，從藍(lán)牙耳機(jī)到筆記本電腦，紅米不知不覺之間也已經(jīng)形成了自己頗有競爭力的產(chǎn)品體系，在中端和次旗艦市場上甚至要比小米新機(jī)的表現(xiàn)來得更好，正所謂“大丈夫生居
十個(gè)可以手動(dòng)編寫的 JavaScript 數(shù)組 API

JavaScript 中有很多API，使用得當(dāng)，會(huì)很方便，省力不少。你知道它的原理嗎? 今天這篇文章，我們將對它們進(jìn)行一次小總結(jié)?，F(xiàn)在開始吧。1.forEach()forEach()用于遍歷數(shù)組接收一參
為什么你不應(yīng)該使用Div作為可點(diǎn)擊元素

按鈕是為任何網(wǎng)絡(luò)應(yīng)用程序提供交互性的最常見方式。但我們經(jīng)常傾向于使用其他HTML元素，如 div span 等作為 clickable 元素。但通過這樣做，我們錯(cuò)過了許多內(nèi)置瀏覽器的功能。
2023年，我眼中的字節(jié)跳動(dòng)

此時(shí)此刻（2023年7月），字節(jié)跳動(dòng)從未上市，也從未公布過任何官方的上市計(jì)劃；但是這并不妨礙它成為中國最受關(guān)注的互聯(lián)網(wǎng)公司之一。從2016-17年的抖音強(qiáng)勢崛起，到2018年的“頭騰
自律，給不了Keep自由！

來源 | 互聯(lián)網(wǎng)品牌官作者 | 李大為編排 | 又耳審核 | 谷曉輝自律能不能給用戶自由暫時(shí)不好說，但大概率不能給Keep自由。近日，全球最大的在線健身平臺(tái)Keep正式登陸港交所，努力
一條抖音4億人圍觀 ! 這家MCN比無憂傳媒還野

作者：Hiu 來源：互聯(lián)網(wǎng)品牌官01 擦邊少女空降熱搜，幕后推手曝光被網(wǎng)友譽(yù)為“純欲天花板”的女網(wǎng)紅井川里予，近期因?yàn)橐唤M哥特風(fēng)照片登上熱搜，引發(fā)了一場互聯(lián)網(wǎng)世界關(guān)于
ESG的面子與里子

來源 | 光子星球撰文 | 吳坤諺編輯 | 吳先之三伏大幕拉起，各地高溫預(yù)警不絕，但處于厄爾尼諾大“烤”之下的除了眾生，還有各大企業(yè)發(fā)布的ESG報(bào)告。ESG是“環(huán)境保
華為Mate 60保護(hù)殼曝光：碩大后置相機(jī)模組凸起程度有驚喜

這段時(shí)間以來，關(guān)于華為新旗艦的爆料日漸密集。據(jù)此前多方爆料，今年華為將開始恢復(fù)一年雙旗艦戰(zhàn)略，除上半年推出的P60系列外，往年下半年的Mate系列也將
郭明錤稱華為和江淮汽車合作開發(fā)問界MPV，定價(jià)100萬左右、計(jì)劃明年量產(chǎn)

8 月 1 日消息，郭明錤今天在 Medium 平臺(tái)發(fā)布博文，稱華為正在和江淮汽車合作，開發(fā)售價(jià)在 100 萬元的問界 MPV，預(yù)計(jì)在 2024 年第 2 季度量產(chǎn)，銷量目標(biāo)為

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不