框架类库

React

用于构建 Web 和原生交互界面的库

Svelte

Svelte 在 构建/编译阶段 将你的应用程序转换为理想的 JavaScript 应用,而不是在 运行阶段 解释应用程序的代码

Next.js

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

Remix

Remix 是一个基于 React 的框架可以让你专注于用户界面并且重新学习 Web 基础知识来为用户提供快速流畅的用户体验的全栈 Web 框架。

Vue.js

Vue是一款用于构建用户界面的 JavaScript 框架

qiankun

可能是你见过最完善的微前端解决方案

React工具

usehooks-ts

React hook 库,随时可用,用 Typescript 编写。

react-use

必不可少的 React Hooks集合

useHotkeys

用于以声明方式在组件中使用键盘快捷键的 React 挂钩。

React DnD

React DnD 是一组 React 实用程序,可帮助您构建复杂的拖放界面,同时保持组件分离

dnd kit

@dnd-kit – 用于 React 的轻量级、模块化、高性能、可访问且可扩展的拖放工具包。

React Syntax Highlighter

React 的语法高亮组件

React Navigation

Expo 和 React Native 应用程序的路由和导航

工具类库

Lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。

Underscore.js

该库提供了 100 多个实用的函数,包括常用的 map、filter、reduce、invoke 以及更专业的辅助函数,比如函数绑定、JavaScript 模板功能、创建快速索引等,让我们可以更加方便地在 JavaScript 中实现函数式编程

p-map

这与 Promise.all() 的不同之处在于,您可以控制并发性,还可以决定在出现错误时是否停止迭代。

Nzh

Nzh 适用于需要转换阿拉伯数字与中文数字的场景。

PDFKit

用于 Node 和浏览器的 JavaScript PDF 生成库。

SheetJS

SheetJS是前端操作Excel以及类似的二维表的最佳选择之一,而xlsx是它的社区版本

HLS.js

hls.js是一个JavaScript库,可实现HTTP Live Streaming客户端。 它依靠HTML5视频和MediaSource扩展进行播放。

Transmat

通过利用 DataTransfer API 功能将数据传输到应用程序,Transmat 使您的 Web 应用程序能够超越浏览器的边界进行交互。此技术兼容自 IE11 以来的所有现代桌面浏览器。

Painter

小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片

watching-you

能够观察鼠标或其他 DOM,甚至输入值,随心所欲!

Sitemap generator for next.js

next.js 的站点地图生成器。站点地图是生成良好 SEO 的重要要求。它向搜索引擎提供有关您的网站以及要抓取的网址的信息。

编辑器

Quill Rich Text Editor

它是目前 GitHub 上 Star 数最多的所见即所得 Web 编辑器

Draft.js

React的富文本编辑框架

Lexical

Lexical 是一个可扩展的 JavaScript 网络文本编辑器框架,着重于可靠性、可访问性和性能

markdown-it

markdown-it 是一个辅助解析 markdown 的库,可以完成从 # test 到 h1 的转换。

表单处理

Formily

前端中后台复杂表单统一解决方案

React Hook Form

具有易于使用的验证的高性能、灵活和可扩展的表单。

Formik

Formik是一个小型库。由React组件和hooks组成,它内置了表单的state管理操作,同时使用了Context,能够让表单组件多层嵌套,不再需要一层层传递。 它的底层是ant design的组件

状态管理

React Query

使您的Web应用程序中的获取,缓存,同步和更新服务器状态变得轻而易举

SWR

用于数据请求的 React Hooks 库

Valtio

Valtio API 是最小的、灵活的、不拘一格的并且有点神奇。 Valtio 的代理将您传递给它的对象变成一个自我感知的代理,允许细粒度的订阅和创造性地进行状态更新。在 React 中,Valtio 擅长渲染优化。

Jotai

Jotai 对全局 React 状态管理的原子方法从简单的 useState 替换扩展到具有复杂需求的企业应用程序。

zustand

React中状态管理的必需品

MobX

简单,可扩展的状态管理

Rematch

Rematch 在 Redux 的基础上构建并减少了样板代码和执行了一些最佳实践

DvaJS

dva 首先是一个基于 redux 和 redux-saga 的数据流方案。

跨端开发

React Native

一次学习,随处编写。使用 React 来创建 Android 和 iOS 的原生应用

Taro

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

Electron

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。

Pake

支持 Mac / Windows / Linux。相比传统的 Electron 套壳打包,要小将近 20 倍,5M 上下

CORDOVA

使用 HTML、CSS 和 JS 的移动应用程序,可在Android、IOS、Window、OS X多端使用

NW.js

NW.js (原名 node-webkit),通过它可以用 HTML 和 JavaScript 编写原生应用程序,支持 Linux、Mac OS X 和 Windows

快应用

快应用是一种新的应用形态,以往的手机端应用主要有两种方式:网页、原生应用;网页无需安装,却体验不是很好;原生应用体验流畅,却需要从应用商店下载安装,难以一步直达用户;快应用的出现,就是希望能够让用户无需下载安装,并且还能流畅的体验应用内容。

UI组件

Ant Design

蚂蚁设计系统,antd 为 Web 应用提供了丰富的基础 UI 组件,我们还将持续探索企业级应用的最佳 UI 实践

Element Plus

饿了么设计系统,基于 Vue 3,面向设计师和开发者的组件库

Arco Design

字节跳动出品的企业级设计系统,ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题。

TDesign

腾讯设计系统,TDesign 为了在开源体系的基础上打造具有自身品牌特色且好⽤的产品,秉承包容、多元、进化、连接的价值观。

NextUI

NextUI 允许您制作美观、现代和快速的网站/应用程序,无论您的设计经验如何,它都是使用 React.js 和 Stitches 创建的,基于 React Aria 并受 Vuesax 启发。

Vant

Vant 是一个轻量、可定制的移动端 Vue 组件库,提供小程序 UI,并由社区团队维护 React 版本和支付宝小程序版本

React Desktop

为 macOS Sierra带来 React UI 组件

动画库

React Spring

react-spring 是 React 上的一个动画库。它基于弹簧物理原理实现,尽可能的使元素的动画轨迹与真实世界更接近,更易于我们理解与使用

animejs

anime.js是一款功能强大的javascript动画库,anime.js 可以和CSS3 属性,SVG,DOM 元素和JS 对象一起工作,制作出各种高性能,平滑过渡的动画效果。

MOVING LETTERS

anime.js 字符效果库

可视化库

React Three Fiber

React-three-fiber 是 three.js 的 React 渲染器。使用可重用、独立的组件以声明方式构建您的场景,这些组件对状态做出反应,易于交互并且可以参与 React 的生态系统。

three.js

创建一个易于使用、轻量级、跨浏览器的通用 3D 库

D3

用于使用 Web 标准可视化数据。 D3 帮助您使用 SVG、Canvas 和 HTML 使数据栩栩如生。

Cytoscape.js

Cytoscape.js 是一个功能齐全的图论库。可以用于建模或可视化关系数据。Cytoscape.js 包含一个图论模型和一个可选的渲染器来显示交互式图形

Mapbox GL JS

Mapbox GL JS 是一个客户端 JavaScript 库,用于使用 Mapbox 的现代地图技术构建网络地图和网络应用程序

ZRender

ZRender 是二维绘图引擎,它提供 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的渲染器。

PixiJS

Pixi是一个非常快的2D sprite渲染引擎。可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序

Fabric.js

Fabric.js 是一个强大而简单的Javascript HTML5 画布库

G2

G2 是一套简洁的渐进式可视化语法,用于报表搭建、数据探索以及可视化叙事。

构建工具

Webpack

一个用于现代 JavaScript 应用程序的 静态模块打包工具

esbuild

我们当前的 web 构建工具比 esbuild 应该慢 10-100 倍。 esbuild bundler 项目的主要目标是带来构建工具性能的新时代,并在此过程中创建易于使用的现代捆绑器。

TS类型

type-fest

基本 TypeScript 类型的集合

tRPC

快速行动,打破一切。端到端类型安全 API 变得简单。体验 TypeScript 推理的全部功能以提高生产力

Node相关

Deno

Deno 是一个简单、现代且安全的 JavaScript 和 TypeScript 运行时,它使用 V8 并以 Rust 构建。

Prisma

Prisma 是一个基于 Nodejs 和 TypeScript 的 ORM,它可以帮助开发者以 更快的开发速度 和 更少的错误 来 管理数据库。

MQTT.js

MQTT.js 是 MQTT 协议的客户端库,用 JavaScript 为 node.js 和浏览器编写。

zx

Bash 很棒,但是在编写更复杂的脚本时,许多人更喜欢更方便的编程语言。 JavaScript 是一个完美的选择,但 Node.js 标准库在使用前需要额外的麻烦。 zx 包为 child_process 提供有用的包装器,转义参数并提供合理的默认值。

Node爬虫

Puppeteer

Puppeteer 是一个 Node.js 库,它提供了一个高级 API 来通过 DevTools 协议控制 Chrome/Chromium

node-crawler

node-crawler 是一个轻量级的node.js爬虫工具,兼顾了高效与便利性,支持分布式爬虫系统,支持硬编码,支持http前级代理

前端大牛

撒网要见鱼

临渊羡鱼,不如退而结网!程序员,偏前端! 努力做一个有思想的人。 也希望能更好的平衡工作与生活。工作要认真投入,但生活也不能舍弃。自己的爱好绝对要有。 嗯哼,先以口琴和吉他为切入点吧!

寒雁Talk

我叫KiwenLau,是全栈应用错误监控服务平台Fundbug的创始人。我的工作内容是后端的设计、开发和运维,目前专注于Docker,JavaScript,Node.js,人工智能等技术。我喜欢敲代码,也喜欢写博客。

陈皓

大家好,我是陈皓,网名左耳朵耗子(很多人问我为什么要叫这个“一只耳”的名字,你们猜),对了,我真的不是高手,我也不是牛人,离他们的距离还很大。我从2003年开始在网上记录一些自己的技术知识和想法,今天我还在努力学习希望能成长一个高手,因为,面对生活在今天这样技术日新月异的时代,我们每个人都是一个新人。

阮一峰

阮一峰老师曾经摘记的黑客帝国中先知的那句话:“你来到这里不是为了做选择,你早已选择了。你来到这里的目的,是为了了解你为什么这样选择”。

Umar

I’m Umar, a web developer in the UK. I create developer tips for the web community. People have said some nice things about it!;你所不知道的Chrome调试面板的技巧

冴羽

很高兴你能关注我,我从 17 年开始写博客至今,已完成了深入系列、专题系列、underscore 系列、ES6 系列、TypeScript 系列、博客搭建系列等 6 个系列上百篇文章,想做一个持续原创,输出干货的博主。

Jony

记录学习工作的点点滴滴;目前他的博客有点老了,但是内容都还是不错的

Harvey Zack

专注于前端音视频领域