当前位置:首页 > 科技  > 软件

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

来源: 责编: 时间:2024-04-07 17:00:04 302观看
导读前端趋势在这个链接上:https://risingstars.js.org/2023/en#section-all公布了一个 2023 全年 github 新增 star 数量榜单,star 的新增数往往代表了这个库使用的人越来越多,趋势越来越好:那么这些库到底都是何方神圣呢?我

前端趋势

在这个链接上:https://risingstars.js.org/2023/en#section-allvh228资讯网——每日最新资讯28at.com

公布了一个 2023 全年 github 新增 star 数量榜单,star 的新增数往往代表了这个库使用的人越来越多,趋势越来越好:vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

那么这些库到底都是何方神圣呢?我们到底要不要学呢?接下来我们就盘点一下。vh228资讯网——每日最新资讯28at.com

冠军:shadcn/ui

2023 年的 JavaScript 生态系统中最耀眼的明星项目无疑是 shadcn/ui。这个由 React 构建的 UI 组件集合,凭借 TailwindCSS 的强大定制能力,在众多项目中脱颖而出。vh228资讯网——每日最新资讯28at.com

如果是 React 技术栈的朋友,项目用得到的话可以试试这款 UI 框架,或者看看源码学习一下:vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

亚军:Bun

Bun 是 Node.js 和 Deno 的竞争对手,是一个新的 JavaScript运行时。vh228资讯网——每日最新资讯28at.com

Bun 不仅是一个专注性能与开发者体验的全新 JavaScript 运行时,还是一个转译器、构建工具、包管理器以及测试库的全能工具包。vh228资讯网——每日最新资讯28at.com

它宣称能给开发者带来更快的开发速度。。但是。。。目前 已经支持 windows 了,后续肯定越来越火。。。。想学也学不到啊。。vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

季军:Excalidraw

Excalidraw 是一个用 React 写的一款画图工具,用起来很简单,并且它附带了丰富的现成的图库。vh228资讯网——每日最新资讯28at.com

它的源码也非常有学习价值,有兴趣的可以去看看:vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

框架:React & Nextjs

这两个不用说,React 在全球的前端框架排名中常年都是第一,并且人气每年都在疯狂飙升,根本停不下来。vh228资讯网——每日最新资讯28at.com

Next.js 是 React 的服务端渲染框架,React 的火爆自然也带火了 Next.js。vh228资讯网——每日最新资讯28at.com

学不学?这还需要问吗?肯定要学啊!!!vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

后起之秀:HTMX

HTMX 是一种新的简单交互的方案。vh228资讯网——每日最新资讯28at.com

当今比较火的框架 Vue 或者 React,我们在用这些框架开发项目的时候,其实是把 HTML 部分完全放在前端去处理的,后端只需要给我们推送数据即可。也就是比较流行的 前后端分离模式。vh228资讯网——每日最新资讯28at.com

HTMX 将改变这种模式,HTMX 倡导的是无论是 HTML 还是 数据,都要从后端去拿。vh228资讯网——每日最新资讯28at.com

它的原理很简单:vh228资讯网——每日最新资讯28at.com

  • 从任何用户事件发出 AJAX 请求。
  • 让服务器生成代表该请求的新应用程序状态的 html。
  • 在响应中发送该 html。
  • 将该元素推到它应该去的 DOM 中。

也就是倒回到服务器渲染 Html,不得不说历史就是轮回。vh228资讯网——每日最新资讯28at.com

htmx 风潮已经袭来,人们开始强调一种“傻瓜客户端”方法,即由服务器生成 html 本体并发送至客户端,意味着 UI 事件会被发送至服务器进行处理。vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

vh228资讯网——每日最新资讯28at.com

这个稍微了解一下就行了,没必要去学吧。。。短时间内你觉得能盛行起来吗?vh228资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-81715-0.html2024年,这些前端开源库值得我们学习

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: Session与JWT:认证机制的比较

下一篇: C++原子操作与并发编程:提升多线程应用的性能与稳定性

标签:
  • 热门焦点
  • MIX Fold3包装盒泄露 新机本月登场

    小米的全新折叠屏旗舰MIX Fold3将于本月发布,近日该机的真机包装盒在网上泄露。从图上来看,新的MIX Fold3包装盒在外观设计方面延续了之前的方案,变化不大,这也是目前小米旗舰
  • 小米降噪蓝牙耳机Necklace分享:听一首歌 读懂一个故事

    在今天下午的小米Civi 2新品发布会上,小米还带来了一款新的降噪蓝牙耳机Necklace,我们也在发布结束的第一时间给大家带来这款耳机的简单分享。现在大家能见到最多的蓝牙耳机
  • JavaScript 混淆及反混淆代码工具

    介绍在我们开始学习反混淆之前,我们首先要了解一下代码混淆。如果不了解代码是如何混淆的,我们可能无法成功对代码进行反混淆,尤其是使用自定义混淆器对其进行混淆时。什么是混
  • 三言两语说透设计模式的艺术-简单工厂模式

    一、写在前面工厂模式是最常见的一种创建型设计模式,通常说的工厂模式指的是工厂方法模式,是使用频率最高的工厂模式。简单工厂模式又称为静态工厂方法模式,不属于GoF 23种设计
  • 学习JavaScript的10个理由...

    作者 | Simplilearn编译 | 王瑞平当你决心学习一门语言的时候,很难选择到底应该学习哪一门,常用的语言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
  • 三分钟白话RocketMQ系列—— 如何发送消息

    我们知道RocketMQ主要分为消息 生产、存储(消息堆积)、消费 三大块领域。那接下来,我们白话一下,RocketMQ是如何发送消息的,揭秘消息生产全过程。注意,如果白话中不小心提到相关代
  • 使用AIGC工具提升安全工作效率

    在日常工作中,安全人员可能会涉及各种各样的安全任务,包括但不限于:开发某些安全工具的插件,满足自己特定的安全需求;自定义github搜索工具,快速查找所需的安全资料、漏洞poc、exp
  • 半导体需求下滑 三星电子DS业务部门今年营业亏损预计超10万亿韩元

    7月17日消息,据外媒报道,去年下半年开始的半导体需求下滑,影响到了三星电子、SK海力士、英特尔等诸多厂商,营收明显下滑,部分厂商甚至出现了亏损。作为
  • Meta盲目扩张致超万人被裁,重金押注元宇宙而前景未明

    图片来源:图虫创意日前,Meta创始人兼CEO 马克·扎克伯发布公开信,宣布Meta计划裁员超11000人,占其员工总数13%。他公开承认了自己的预判失误:“不仅
Top