🎉 17 个 Javascript 开源库,成为更好的开发

738 阅读8分钟

译:🎉 17 Javascript repositories to become the best developer in the world 🌍 - DEV Community

成为更好的开发

我整理了一份 JavaScript 开发人员应该知道的 17 个 GitHub 开源库列表。🎉

这些库涵盖了项目和Web开发的各个部分。

随意探索他们的 GitHub 开源库,为您的收藏夹做出贡献,并通过为开源库加星标来支持他们。


1. Trigger.dev 👑

✅ 在应用程序中创建和管理长时间运行的作业。

Trigger.dev

Trigger.dev 是一个开源库,可用于在无服务器环境中创建和监视长时间运行的任务。您可以在 Next.js、Remix、Astro、Nest.js、Nuxt 等框架中使用 Trigger.dev。

它还提供三种通信方式:webhook、schedule 和 event。

  • 日程安排是重复性任务的理想选择。
  • 事件在收到有效负载时触发作业。
  • Webhook 在发生特定事件时触发作业。

最好的部分是 Trigger.dev 允许您集成各种服务,并在这些事件发生时执行特定事件或自动化。

事件

在 GitHub 上给 Trigger.dev 一个 ⭐️



2. Chart.js

✅ 轻松创建动态 JavaScript 图表。

聊天JS

Chart.js 是一个流行的 JavaScript 库,用于创建交互式和视觉上吸引人的图表和图形。使用 Chart.js,您可以创建各种图表,包括折线图、条形图、雷达图、圆环图等。

它是高度可定制和响应的,并提供了一个简单的 API 来创建交互式和动画图表。

在 GitHub 上给 Chart.js 一个 ⭐️


3. React Flow

✅ 将功能丰富的交互式图表添加到您的 React 应用程序。

反应流

React Flow 是一个 JavaScript 库,用于在 React 应用程序中构建基于节点的交互式图形和图表。

它提供了一组 React 组件,使您能够创建工作流、思维导图、流程图和其他基于图形的结构的可视化表示。

其功能包括:

  • 在屏幕上拖放节点。
  • 高度可定制,支持自定义节点和边缘类型。
  • 内置插件和组件,可有效处理各种操作。

在 GitHub 上给 React Flow 一个 ⭐️


4. Monaco Editor for React

✅ 功能齐全的基于浏览器的代码编辑器。

摩纳哥编辑

Monaco Editor 是基于 VS Code 构建的开源代码编辑器。它快速、轻量级,可以用作独立的基于 Web 的代码编辑器或集成到其他应用程序中。

Monaco Editor for React 允许您向 Web 应用程序添加完全响应和可自定义的代码编辑器。它提供了智能功能,例如语法突出显示、自动完成、错误检查等。

在 GitHub 上给 Monaco Editor for React 一个 ⭐️


5. Novu

✅ 在一个地方管理您的所有通知。

诺武

Novu 是第一个面向开发人员的开源通知基础设施。它允许您从单个仪表板管理和监控所有形式的通信,例如电子邮件、短信、直接和推送。

使用 Novu,您可以连接到各种通信提供商,并创建控制通知的模板和规则。

其功能包括:

  • 用于跨多种编程语言的通知的统一 API。
  • 预构建的应用内通知组件。
  • 与各种通信提供商集成。

在 GitHub 上给 Novu 一个 ⭐️


6. NX

✅ 为您的项目提供智能、快速且可扩展的构建系统。

Nx的

NX 是下一代构建系统,可保持 CI 快速运行,并使您的工作空间易于维护。NX 使用现代技术(例如分布式任务执行和计算缓存)扩展您的项目。

其功能包括:

  • Monorepo 架构
  • 远程缓存
  • 在多台机器之间自动动态分配任务。
  • 快速的 CI 和智能,永远不会两次重新构建相同的代码。

在 GitHub 上给 NX 一个 ⭐️


7. ClickVote

✅ 将点赞、点赞和评论组件无缝集成到您的应用程序中。

点击投票

Clickvote 是一个开源库,用于轻松地将喜欢和点赞组件添加到任何网站、SPA 或无代码工具。它简化了创建反应组件的过程,而无需编写任何复杂的代码。

其功能包括:

  • 用于点赞、评分、星级和反馈的预构建组件。
  • 支持多种框架,包括React、Vue、Svelte、HTML等。
  • 关于用户的即时分析。

在 GitHub 上给 ClickVote 一个 ⭐️


8. Mantine

✅ 为您的 React 应用程序提供令人惊叹的 UI 组件。

曼蒂恩

Mantine 是一个流行的开源 React 组件库,用于构建现代 Web 应用程序。它提供了一组可访问和可自定义的组件,使您能够创建响应迅速且令人惊叹的用户界面。

其功能包括:

  • 高度可定制的组件,用于构建现代应用程序。
  • 内置钩子,可简化常见的前端任务。
  • 深色模式和 TypeScript 支持。

在 GitHub 上给 Mantine 一个 ⭐️


9. Styled Components

✅ 在 JavaScript 中编写 CSS 代码。

样式化组件

样式化组件是一个流行的库,用于设置React应用程序的样式。它允许您通过创建具有作用域样式的自定义组件在 JavaScript 中编写 CSS 代码。

在样式化组件中,样式包含在组件中,确保代码结构清晰且可维护。

其功能包括:

  • 轻松维护和调试。
  • 基于组件的样式
  • 没有类名错误

在 GitHub 上给 Styled Components 一个⭐️


10. Supabase

✅ 开源 Firebase 替代方案。

苏帕巴塞

Supabase 是一种开源的 Firebase 替代方案,可让您将身份验证、文件存储、Postgres 和实时数据库添加到您的软件应用程序中。

使用 Supabase,您可以在几分钟内构建安全且可扩展的应用程序。

其功能包括:

  • 实时数据同步。
  • 通过 RESTful API 进行无服务器函数和交互。
  • 为您的应用程序提供身份验证、安全性和可伸缩性。

在 GitHub 上给 Supabase 一个 ⭐️


11. TanStack Query

✅ TS/JS、React、Solid、Vue 和 Svelte 的异步状态管理。

TanStack的

TanStack Query 是一个功能强大的数据获取和状态管理库,可简化软件应用程序中获取、缓存、同步和更新数据的过程。

使用 TanStack Query,您可以管理服务器状态的内存和垃圾回收、在后台更新数据、缓存数据等等。

其功能包括:

  • 自动缓存
  • 分页和无限加载
  • 用于检查查询的强大开发人员工具。
  • 支持 TS/JS、React、Solid、Vue 和 Svelte

在 GitHub 上给 TanStack Query 一个 ⭐️


12. Axios

✅ A simple way to perform HTTP requests.

公理

Axios 是一个流行的 JavaScript 库,用于在 Web 浏览器和 Node.js 环境中发出 HTTP 请求。

它提供了一种简单且一致的方式来处理异步 HTTP 任务,从而简化了从 Web 服务和 API 发送和接收数据的过程。

其功能包括:

  • 建立在 Promise API 之上。
  • 自动 JSON 数据转换。
  • 浏览器和 Node.js 支持。
  • 拦截 器

在 GitHub 上给 Axios 一个 ⭐️


13. Swiper

✅ 创建现代轮播和触摸滑块。

刷卡器

Swiper 是一个现代且适合移动设备的 JavaScript 库,用于在 Web 应用程序中构建支持触摸的轮播和滑块。

它提供了一个简单、强大且可自定义的 API,用于创建响应式和交互式幻灯片、图片库和内容轮播,这些幻灯片、图片库和内容轮播可在桌面和移动设备上流畅运行。

其功能包括:

  • 完全响应所有屏幕尺寸。
  • 支持触摸和拖动事件
  • 丰富的过渡效果。

在 GitHub 上给 Swiper 一个 ⭐️


14. Chance

✅ JavaScript 的随机生成器助手。

机会

Chance 是一款开源软件,可让您为各种目的生成随机数据,例如测试、模拟和数据可视化。

它可以生成随机数、字符串、姓名、电话号码、地址、电子邮件等。您可以使用它来模拟不同的场景、模拟数据,并测试应用程序处理不同输入的能力。

在 GitHub 上给 Chance 一个 ⭐️


15. Day.js

✅ Moment.js的最佳替代品。

DayJS

Day.js 是一个简约的 JavaScript 库,用于处理各种日期和时间操作。

如果您使用 Moment.js,您已经知道如何使用 Day.js。与Moment.js不同,Day.js是轻量级的(2KB),使其成为开发人员的热门选择。

其功能包括:

  • 通过使用不可变对象来确保数据一致性。
  • 可链接的 API,可简化复杂的日期操作并增强代码的可读性。
  • 高度可定制和可通过插件进行扩展。

MomentJS 不再可维护,迁移到 Dayjs 非常重要

在 GitHub 上给 Day.js 一个 ⭐️


16. FullCalendar

✅ Fully interactive calendar for your JavaScript applications.

FullCalendar

FullCalendar 是一个流行的 JavaScript 库,用于在 Web 应用程序中创建交互式和可自定义的日历界面。

它提供了一组用于显示事件的强大功能。它支持多种日历视图,包括月、周、日和议程视图,使其适用于构建涉及基于时间的数据的应用程序。

其功能包括:

  • 提供多个视图
  • 高度可定制和互动。
  • 单击事件处理和拖放支持。

在 GitHub 上给 FullCalendar 一个 ⭐️


17. Zod

✅ 架构验证库

佐德

Zod 是一个 TypeScript 优先的模式声明和验证库。它使您能够以简洁且类型安全的方式定义任何数据类型(包括基元数据类型、数组和对象)的数据结构和架构。

使用 Zod,您可以创建复杂的数据模型、验证输入数据并确保应用程序中的类型安全。

在 GitHub 上给 Zod 一个 ⭐️