译:🎉 17 Javascript repositories to become the best developer in the world 🌍 - DEV Community
成为更好的开发
我整理了一份 JavaScript 开发人员应该知道的 17 个 GitHub 开源库列表。🎉
这些库涵盖了项目和Web开发的各个部分。
随意探索他们的 GitHub 开源库,为您的收藏夹做出贡献,并通过为开源库加星标来支持他们。
1. Trigger.dev 👑
✅ 在应用程序中创建和管理长时间运行的作业。
Trigger.dev 是一个开源库,可用于在无服务器环境中创建和监视长时间运行的任务。您可以在 Next.js、Remix、Astro、Nest.js、Nuxt 等框架中使用 Trigger.dev。
它还提供三种通信方式:webhook、schedule 和 event。
- 日程安排是重复性任务的理想选择。
- 事件在收到有效负载时触发作业。
- Webhook 在发生特定事件时触发作业。
最好的部分是 Trigger.dev 允许您集成各种服务,并在这些事件发生时执行特定事件或自动化。
2. Chart.js
✅ 轻松创建动态 JavaScript 图表。
Chart.js 是一个流行的 JavaScript 库,用于创建交互式和视觉上吸引人的图表和图形。使用 Chart.js,您可以创建各种图表,包括折线图、条形图、雷达图、圆环图等。
它是高度可定制和响应的,并提供了一个简单的 API 来创建交互式和动画图表。
3. React Flow
✅ 将功能丰富的交互式图表添加到您的 React 应用程序。
React Flow 是一个 JavaScript 库,用于在 React 应用程序中构建基于节点的交互式图形和图表。
它提供了一组 React 组件,使您能够创建工作流、思维导图、流程图和其他基于图形的结构的可视化表示。
其功能包括:
- 在屏幕上拖放节点。
- 高度可定制,支持自定义节点和边缘类型。
- 内置插件和组件,可有效处理各种操作。
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。
- 预构建的应用内通知组件。
- 与各种通信提供商集成。
6. NX
✅ 为您的项目提供智能、快速且可扩展的构建系统。
NX 是下一代构建系统,可保持 CI 快速运行,并使您的工作空间易于维护。NX 使用现代技术(例如分布式任务执行和计算缓存)扩展您的项目。
其功能包括:
- Monorepo 架构
- 远程缓存
- 在多台机器之间自动动态分配任务。
- 快速的 CI 和智能,永远不会两次重新构建相同的代码。
7. ClickVote
✅ 将点赞、点赞和评论组件无缝集成到您的应用程序中。
Clickvote 是一个开源库,用于轻松地将喜欢和点赞组件添加到任何网站、SPA 或无代码工具。它简化了创建反应组件的过程,而无需编写任何复杂的代码。
其功能包括:
- 用于点赞、评分、星级和反馈的预构建组件。
- 支持多种框架,包括React、Vue、Svelte、HTML等。
- 关于用户的即时分析。
8. Mantine
✅ 为您的 React 应用程序提供令人惊叹的 UI 组件。
Mantine 是一个流行的开源 React 组件库,用于构建现代 Web 应用程序。它提供了一组可访问和可自定义的组件,使您能够创建响应迅速且令人惊叹的用户界面。
其功能包括:
- 高度可定制的组件,用于构建现代应用程序。
- 内置钩子,可简化常见的前端任务。
- 深色模式和 TypeScript 支持。
9. Styled Components
✅ 在 JavaScript 中编写 CSS 代码。
样式化组件是一个流行的库,用于设置React应用程序的样式。它允许您通过创建具有作用域样式的自定义组件在 JavaScript 中编写 CSS 代码。
在样式化组件中,样式包含在组件中,确保代码结构清晰且可维护。
其功能包括:
- 轻松维护和调试。
- 基于组件的样式
- 没有类名错误
在 GitHub 上给 Styled Components 一个⭐️
10. Supabase
✅ 开源 Firebase 替代方案。
Supabase 是一种开源的 Firebase 替代方案,可让您将身份验证、文件存储、Postgres 和实时数据库添加到您的软件应用程序中。
使用 Supabase,您可以在几分钟内构建安全且可扩展的应用程序。
其功能包括:
- 实时数据同步。
- 通过 RESTful API 进行无服务器函数和交互。
- 为您的应用程序提供身份验证、安全性和可伸缩性。
11. TanStack Query
✅ TS/JS、React、Solid、Vue 和 Svelte 的异步状态管理。
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 支持。
- 拦截 器
13. Swiper
✅ 创建现代轮播和触摸滑块。
Swiper 是一个现代且适合移动设备的 JavaScript 库,用于在 Web 应用程序中构建支持触摸的轮播和滑块。
它提供了一个简单、强大且可自定义的 API,用于创建响应式和交互式幻灯片、图片库和内容轮播,这些幻灯片、图片库和内容轮播可在桌面和移动设备上流畅运行。
其功能包括:
- 完全响应所有屏幕尺寸。
- 支持触摸和拖动事件
- 丰富的过渡效果。
14. Chance
✅ JavaScript 的随机生成器助手。
Chance 是一款开源软件,可让您为各种目的生成随机数据,例如测试、模拟和数据可视化。
它可以生成随机数、字符串、姓名、电话号码、地址、电子邮件等。您可以使用它来模拟不同的场景、模拟数据,并测试应用程序处理不同输入的能力。
15. Day.js
✅ Moment.js的最佳替代品。
Day.js 是一个简约的 JavaScript 库,用于处理各种日期和时间操作。
如果您使用 Moment.js,您已经知道如何使用 Day.js。与Moment.js不同,Day.js是轻量级的(2KB),使其成为开发人员的热门选择。
其功能包括:
- 通过使用不可变对象来确保数据一致性。
- 可链接的 API,可简化复杂的日期操作并增强代码的可读性。
- 高度可定制和可通过插件进行扩展。
MomentJS 不再可维护,迁移到 Dayjs 非常重要
16. FullCalendar
✅ Fully interactive calendar for your JavaScript applications.
FullCalendar 是一个流行的 JavaScript 库,用于在 Web 应用程序中创建交互式和可自定义的日历界面。
它提供了一组用于显示事件的强大功能。它支持多种日历视图,包括月、周、日和议程视图,使其适用于构建涉及基于时间的数据的应用程序。
其功能包括:
- 提供多个视图
- 高度可定制和互动。
- 单击事件处理和拖放支持。
在 GitHub 上给 FullCalendar 一个 ⭐️
17. Zod
✅ 架构验证库
Zod 是一个 TypeScript 优先的模式声明和验证库。它使您能够以简洁且类型安全的方式定义任何数据类型(包括基元数据类型、数组和对象)的数据结构和架构。
使用 Zod,您可以创建复杂的数据模型、验证输入数据并确保应用程序中的类型安全。