2024年,这些前端开源库值得我们学习

开发 前端 开源
网络上公布了一个 2023 全年 github 新增 star 数量榜单,那么这些库到底都是何方神圣呢?我们到底要不要学呢?接下来我们就盘点一下。

前端趋势

在这个链接上: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 事件会被发送至服务器进行处理。

这个稍微了解一下就行了,没必要去学吧。。。短时间内你觉得能盛行起来吗?

责任编辑:赵宁宁 来源: 前端之神
相关推荐

2021-07-05 09:40:57

工具Node开源

2024-01-09 17:58:47

2013-07-04 10:16:27

开源硬件开发板

2012-03-14 15:34:14

PaaS

2013-07-04 10:09:40

开源开发板

2021-12-26 09:22:44

前端Css图标

2019-01-07 14:39:26

2023-03-29 09:03:36

开源前端

2024-05-07 08:22:48

前端开源库github

2019-03-18 08:12:31

Javascript机器学习

2016-12-20 13:35:52

谷歌开源项目

2018-01-04 22:17:05

Python开源工具

2023-12-07 07:43:44

未来数据库SQL

2018-01-03 09:48:51

Python开源库工具

2019-05-23 10:46:53

深度学习代码算法

2024-01-05 07:43:04

2021-06-07 07:01:43

js关键字运行

2024-01-22 12:49:00

智能数据

2022-08-02 15:18:00

React开源项目

2016-08-29 22:13:52

点赞
收藏

51CTO技术栈公众号