🎉 17 个 Javascript 存储库助您成为世界上最好的开发人员 🌍

成为更好的开发人员

成为更好的开发人员

我整理了一份 17 个 GitHub 代码库的列表，作为一名 JavaScript 开发者，你应该知道它们。🎉

这些存储库涵盖了软件和 Web 开发的各个部分。

请随意探索他们的 GitHub 存储库，为您喜欢的存储库做出贡献，并通过为存储库加星标来支持他们。

1. 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 图表。

Chart.js 是一个流行的 JavaScript 库，用于创建交互式且视觉效果出色的图表和图形。使用 Chart.js，您可以创建各种图表，包括折线图、条形图、雷达图、环形图等等。

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

在 GitHub 上给 Chart.js 一个⭐️

3. React Flow

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

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

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

其特点包括：

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

在 GitHub 上给 React Flow 一个⭐️

4. React 的 Monaco 编辑器

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

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

Monaco React 编辑器可  让您为 Web 应用程序添加一个完全响应且可自定义的代码编辑器。它提供语法高亮、自动完成、错误检查等智能功能。

在 GitHub 上给 Monaco React 编辑器点个⭐️

5.诺武

✅ 从一个地方管理所有通知。

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

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

其特点包括：

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

在 GitHub 上给 Novu 点个⭐️

6.NX​

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

NX 是新一代构建系统，可让您的 CI 快速运行，并使您的工作区易于维护。NX 使用分布式任务执行和计算缓存等现代技术来扩展您的项目。

其特点包括：

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

在 GitHub 上给 NX 点个⭐️

7. ClickVote

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

Clickvote 是一个开源库，可轻松将点赞和赞同组件添加到任何网站、单页应用 (SPA) 或无代码工具中。它简化了创建互动组件的过程，无需编写任何复杂的代码。

其特点包括：

• 预先构建的喜欢、评分、星级和反馈组件。
• 支持各种框架，包括 React、Vue、Svelte、HTML 等。
• 关于用户的即时分析。

在 GitHub 上给 ClickVote 点个⭐️

8.金翅雀

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

Mantine 是一个流行的开源 React 组件库，用于构建现代 Web 应用程序。它提供了一组易于访问且可自定义的组件，可帮助您创建响应迅速且美观的用户界面。

其特点包括：

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

在 GitHub 上给 Mantine ⭐️

9.样式化组件

✅ 在 JavaScript 中编写 CSS 代码。

Styled Components 是一个流行的 React 应用程序样式库。它允许你通过创建具有作用域样式的自定义组件，在 JavaScript 中编写 CSS 代码。

在 Styled Components 中，样式包含在组件内，确保代码结构清晰且可维护。

其特点包括：

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

在 GitHub 上给 Styled Components 点个⭐️

10. Supabase

✅ 开源 Firebase 替代品。

Supabase 是一个开源的 Firebase 替代品，它能让你向软件应用程序添加身份验证、文件存储、Postgres 和实时数据库。

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

其特点包括：

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

在 GitHub 上给 Supabase 点个⭐️

11. TanStack 查询

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

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

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

其特点包括：

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

在 GitHub 上给 TanStack Query 点个⭐️

12. Axios

✅ 执行 HTTP 请求的简单方法。

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.机会

✅ JavaScript 的随机生成器助手。

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

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

在 GitHub 上给 Chance 点个⭐️

15. Day.js

✅ Moment.js 的最佳替代品。

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

如果您使用过 Moment.js，那么您已经知道如何使用 Day.js。与 Moment.js 不同，Day.js 非常轻量（仅 2KB），因此深受开发者欢迎。

其特点包括：

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

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

在 GitHub 上给 Day.js 点个⭐️

16.全日历

✅ 适用于您的 JavaScript 应用程序的完全交互式日历。

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

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

其特点包括：

• 提供多种视图
• 高度可定制且交互性强。
• 点击事件处理和拖放支持。

在 GitHub 上给完整日历打个⭐️

17.佐德

✅ 模式验证库

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

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

在 GitHub 上给 Zod 点个⭐️

如果您有任何文章中未涉及的精彩建议，请随时在下面的评论部分分享。

作为开源开发者，我们诚邀您加入我们的 社区 ，贡献力量并与维护人员互动。欢迎访问我们的 GitHub 代码库 ，贡献代码并创建与 Trigger.dev 相关的问题。

感谢您的阅读！🎉