🎉 17 Javascript repositories to become the best developer in the world 🌍
Tags: webdev, javascript, programming, opensource
Published: 2023-10-24 12:23:36

# Become a better developer

I've curated a list of 17 GitHub repositories you should know as a JavaScript developer. 🎉

These repositories span various parts of software and web development.

Feel free to explore their GitHub repositories, contribute to your favorites, and support them by starring the repositories.


![Im in](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z0dvwkyn4baw6h7xzojs.gif)

<hr />

### 1. [Trigger.dev] (https://github.com/triggerdotdev/trigger.dev) 👑

**✅ Create and manage long-running jobs within your applications.**


![Trigger.dev](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ilj1k6suh4ksa50db2hg.png)

[Trigger.dev](https://github.com/triggerdotdev/trigger.dev) is an open-source library that enables you to create and monitor long-running tasks in serverless environments. You can use Trigger.dev in frameworks like Next.js, Remix, Astro, Nest.js, Nuxt, and [many others](https://trigger.dev/docs/integrations/introduction).

It also offers three communication methods: webhook, schedule, and event.

- Schedule is ideal for recurring tasks.
- Event triggers a job upon receiving a payload.
- Webhook triggers jobs when specific events occur.

The best part is that Trigger.dev allows you to integrate various services and perform specific events or automation when these events occur.

![Events](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cfpcj2ukznercfdpb4a6.gif)


{% cta https://github.com/triggerdotdev/trigger.dev
 %}  Give Trigger.dev a ⭐️ on GitHub {% endcta %}

---

### 2. [Chart.js](https://github.com/chartjs/Chart.js)

**✅ Create dynamic JavaScript charts easily.**

![ChatJS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ocs8ad3rppwbq971pj2p.png)

Chart.js is a popular JavaScript library for creating interactive and visually appealing charts and graphs. With Chart.js, you can create various charts, including line charts, bar charts, radar charts, doughnut charts, and more.

It is highly customizable and responsive and provides a simple API to create interactive and animated charts.

{% cta https://github.com/chartjs/Chart.js
 %}  Give Chart.js a ⭐️ on GitHub {% endcta %}

---

### 3. [React Flow](https://github.com/wbkd/react-flow)

**✅ Add feature-rich, interactive diagrams to your React applications.**

![ReactFlow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s1tiye8j657gtpdm81w0.gif)

React Flow is a JavaScript library for building interactive node-based graphs and diagrams in React applications.

It provides a set of React components that enables you to create visual representations of workflows, mind maps, process diagrams, and other graph-based structures.

Its features include:

- Drag and drop nodes around the screen.
- Highly customizable to support custom node and edge types.
- Built-in plugins and components to handle various actions effectively.

{% cta https://github.com/wbkd/react-flow
 %}  Give React Flow a ⭐️ on GitHub {% endcta %}

---

### 4. [Monaco Editor for React](https://github.com/suren-atoyan/monaco-react)

**✅ Fully featured browser-based code editor.**

![Monaco Editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2gpyxe60fwy3i73uvwu.png)

[Monaco Editor](https://github.com/microsoft/monaco-editor) is an open-source code editor built from VS Code. It is fast, lightweight, and can be used as a standalone web-based code editor or integrated into other applications.

The [Monaco Editor for React](https://github.com/suren-atoyan/monaco-react) allows you to add a fully responsive and customizable code editor to your web applications. It provides intelligent features such as syntax highlighting, autocompletion, error checking, etc.

{% cta https://github.com/suren-atoyan/monaco-react
 %}  Give Monaco Editor for React a ⭐️ on GitHub {% endcta %}

---

### 5. [](https://github.com/novuhq/novu)[Novu](https://github.com/novuhq/novu)

**✅ Manage all your notifications from one place.**

![Novu](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72bg04c4xq30zohaiapi.png)

Novu is the first open-source notification infrastructure for developers. It allows you to manage and monitor all forms of communication, such as Email, SMS, Direct, and Push, from a single dashboard.

With Novu, you connect to various communication providers and create templates and rules that control your notifications.

Its features include:

- Unified API for notificaitons across multiple programming languages.
- Prebuilt in-app notification components.
- Integration with various communication providers.

{% cta https://github.com/novuhq/novu
 %}  Give Novu a ⭐️ on GitHub {% endcta %}

---

### 6. [NX](https://github.com/nrwl/nx)

**✅ Smart, fast, and extensible build system for your projects.**


![Nx](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/obv0p8fzw4qgr58urb3q.png)

NX is a next-generation build system that keeps your CI fast and makes your workspace easy to maintain. NX scales your project using modern techniques, such as distributed task execution and computation caching.

Its features include:

- Monorepo architecture 
- Remote caching
- Automated and dynamic distribution of tasks across multiple machines.
- Fast CI and smart to never rebuild the same code twice.

{% cta https://github.com/nrwl/nx
 %}  Give NX a ⭐️ on GitHub {% endcta %}

---

### 7. [ClickVote](https://github.com/clickvote/clickvote)

**✅ Seamlessly integrate like, upvote, and review components to your application.**

![Clickvote](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/npqjb6ks43v8m385uyy9.gif)

Clickvote is an open-source library for adding like and upvote components easily to any website, SPA, or no-code tool. It simplifies the process of creating reaction components without writing any complex code.

Its features include:

- Pre-built components for likes, ratings, stars, and feedback.
- Supports various frameworks, including React, Vue, Svelte, HTML, etc.
- Instant analytics about users.


{% cta https://github.com/clickvote/clickvote
 %}  Give ClickVote a ⭐️ on GitHub {% endcta %}

---

### 8. [Mantine](https://github.com/mantinedev/mantine)

**✅ Stunning UI components for your React applications.**

![Mantine](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfk392wgf211hjkvcq48.png)

Mantine is a popular open-source React component library for building modern web applications. It provides a set of accessible and customizable components that enable you to create responsive and stunning user interfaces.

Its features include:

- Highly customizable components for building modern applications.
- Built-in hooks to simplify common frontend tasks.
- Dark mode and TypeScript support.

{% cta https://github.com/mantinedev/mantine
 %}  Give Mantine a ⭐️ on GitHub {% endcta %}

---

### 9. [Styled Components](https://github.com/styled-components/styled-components)

**✅ Write CSS code within JavaScript.**

![Styled Components](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/soqcpykv5pa0j5k1nqhr.png)

Styled Components is a popular library for styling your React applications. It allows you to write CSS code within JavaScript by creating custom components with scoped styles.

In Styled Components, styles are contained within the components, ensuring a clear and maintainable code structure.

Its features include:

- Painless maintenance and debugging.
- Component-based styling
- No class name bugs

{% cta https://github.com/styled-components/styled-components
 %}  Give Styled Components a ⭐️ on GitHub {% endcta %}

---

### 10. [Supabase](https://github.com/supabase/supabase)

**✅ The open-source Firebase Alternative.**


![Supabase](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zsnlfefhkpxo9cx8n0g.png)

Supabase is an open-source Firebase alternative that enables you to add authentication, file storage, Postgres, and real-time database to your software applications.

With Supabase, you can build secured and scalable applications in a few minutes.

Its features include:

- Real-time data synchronization.
- Serverless functions and interaction via RESTful API.
- Provides authentication, security, and scalability for your applications.

{% cta https://github.com/supabase/supabase
 %}  Give Supabase a ⭐️ on GitHub {% endcta %}

---

### 11. [TanStack Query](https://github.com/tanstack/query)

**✅ Asynchronous state management for TS/JS, React, Solid, Vue, and Svelte.**


![TanStack](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hl1h7cr136x6du6tgki8.png)


TanStack Query is a powerful data-fetching and state management library that simplifies the process of fetching, caching, synchronizing, and updating data within your software applications.

With TanStack Query, you can manage memory and garbage collection of server state, update data in the background, cache data, and many more.

Its features include:

- Automatic caching
- Pagination and infinite loading
- Powerful developer tools for inspecting queries.
- Support for TS/JS, React, Solid, Vue and Svelte

{% cta https://github.com/tanstack/query
 %}  Give TanStack Query a ⭐️ on GitHub {% endcta %}

---

### 12. [Axios](https://github.com/axios/axios)

**✅ A simple way to perform HTTP requests.**


![Axios](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lfkeqsx9dfhhx7tr6zg.png)

Axios is a popular JavaScript library for making HTTP requests in web browsers and Node.js environments.

It provides a simple and consistent way to handle asynchronous HTTP tasks, simplifying the process of sending and receiving data from web services and APIs.

Its features include:

- Built on top of the Promise API.
- Automatic JSON data transformation.
- Browser and Node.js support.
- Interceptors

{% cta https://github.com/axios/axios
 %}  Give Axios a ⭐️ on GitHub {% endcta %}

---

### 13. [Swiper](https://github.com/nolimits4web/Swiper)

**✅ Create modern carousels and touch sliders.**

![Swiper](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1d9v9v28c2hudmz0k17.gif)

Swiper is a modern and mobile-friendly JavaScript library for building touch-enabled carousels and sliders in web applications.

It provides a simple, powerful, and customizable API for creating responsive and interactive slideshows, image galleries, and content carousels that work smoothly on desktop and mobile devices.

Its features include:

- Fully responsive to all screen sizes.
- Supports touch and drag events
- Rich transition effects.

{% cta https://github.com/nolimits4web/Swiper
 %}  Give Swiper a ⭐️ on GitHub {% endcta %}

---

### 14. [Chance](https://github.com/chancejs/chancejs)

**✅ Random generator helper for JavaScript.**


![Chance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lr2ak3f18xl9sfr8290f.png)

Chance is an open-source software that enables you to generate random data for various purposes, such as testing, simulations, and data visualization.

It can generate random numbers, strings, names, phone numbers, addresses, emails, etc. You can use it to simulate different scenarios, mock data, and test your application's ability to handle diverse input.

{% cta https://github.com/chancejs/chancejs
 %}  Give Chance a ⭐️ on GitHub {% endcta %}

---

### 15. [Day.js](https://github.com/iamkun/dayjs)

**✅ Best alternative to Moment.js.**


![DayJS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i6spem330oij34dgbljn.png)

Day.js is a minimalistic JavaScript library for handling various date and time operations.

If you use Moment.js, you already know how to use Day.js. Unlike Moment.js, Day.js is lightweight (2KB), making it a popular choice among developers.

Its features include:

- Ensuring data consistency by using immutable objects.
- Chainable API that simplifies complex date manipulations and enhances code readability.
- Highly customizable and extensible with plugins.

**MomentJS is not maintainable anymore, it's super important to move to Dayjs**

{% cta https://github.com/iamkun/dayjs
 %}  Give Day.js a ⭐️ on GitHub {% endcta %}

---

### 16. [FullCalendar](https://github.com/fullcalendar/fullcalendar)

**✅ Fully interactive calendar for your JavaScript applications.**


![FullCalendar](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7gv6odi6vmn86f9jyte1.png)

FullCalendar is a popular JavaScript library for creating interactive and customizable calendar interfaces in web applications.

It provides a robust set of features for displaying events. It supports multiple calendar views, including month, week, day, and agenda views, making it suitable for building applications involving time-based data.

Its features include:

- Provides multiple views
- Highly customizable and interactive.
- Click event handling and drag-and-drop support.

{% cta https://github.com/fullcalendar/fullcalendar
 %}  Give Full Calendar a ⭐️ on GitHub {% endcta %}

---

### 17. [Zod](https://github.com/colinhacks/zod)

**✅ Schema validation library**


![Zod](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ss7t2bex7ynj0oom5gj5.png)

Zod is a TypeScript-first schema declaration and validation library. It enables you to define the data structure and schemas for any data type, including primitive data types, arrays, and objects, in a concise and type-safe manner.

With Zod, you can create complex data models, validate input data, and ensure type safety in your applications.

{% cta https://github.com/colinhacks/zod
 %}  Give Zod a ⭐️ on GitHub {% endcta %}

---

If you have any awesome suggestions that weren't covered in the article, don't hesitate to share them in the comment section below.

As an open-source developer, you're invited to join our [community](https://discord.gg/nkqV9xBYWy) to contribute and engage with maintainers. Don't hesitate to visit our [GitHub repository](https://github.com/triggerdotdev/trigger.dev) to contribute and create issues related to Trigger.dev.

Thank you for reading!🎉