With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Open-Source Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
-
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
-
-
-
-
-
-
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
We are continuing to add new project templates for various types of projects, and we've recently created one for the infamous combination of React with Vite tooling.
Project mention: Here are the 10 projects I am contributing to over the next 6 months. Share yours | dev.to | 2024-04-13Vuejs
Repository: getify/You-Dont-Know-JS
9. Practical-tutorials/project-based-learning - This repository provides links to project-based tutorials for various programming languages, with a focus on Python. It's a great way to gain practical experience and build your developer portfolio. https://github.com/practical-tutorials/project-based-learning
This article serves as your comprehensive guide to mastering the art of combining Bootstrap and React seamlessly. Dive in to uncover the tips, tricks, and best practices to elevate your UI design game effortlessly.
// Follow Established Style Guides // Adhere to established style guides such as Airbnb JavaScript Style Guide or Google JavaScript Style Guide to maintain consistency across your codebase. // These style guides provide comprehensive rules and recommendations for variable naming, declaration, and usage. // Example: Airbnb JavaScript Style Guide // https://github.com/airbnb/javascript /** * Represents a person with a given name and age. * @typedef {Object} Person * @property {string} name - The name of the person. * @property {number} age - The age of the person. */ /** * Create a new person. * @param {string} name - The name of the person. * @param {number} age - The age of the person. * @returns {Person} - The newly created person object. */ function createPerson(name, age) { return { name, age }; } const person1 = createPerson("John", 30); const person2 = createPerson("Jane", 25); console.log(person1); console.log(person2);
Project mention: 30-seconds-of-code: Short code snippets for all your development needs | news.ycombinator.com | 2023-12-25
The team at Electron have been faithfully shipping new releases almost every single month. I think they had Christmas off 🤔. This popular framework has developers writing cross-platform desktop applications using JavaScript, HTML and CSS. The latest update depreciates some process events, and added new modules, APIs, methods, and more. Read into all the changes in the Electron release notes. This month, Electron also introduced a new formal RFC process.
Project mention: How to Build Progressive Web Apps in 2024? A Step-byStep Guide | dev.to | 2024-05-03If your PWA requires displaying dynamic data, consider utilizing React libraries like axios or the built-in fetch API to retrieve data from APIs or servers.
Visit the Node.js website and download the latest version of Node.js for your operating system.
In React, there are different libraries for rendering 3D. In this article, we will focus on how to use the Three.js Library, React Three Fiber library, and the React Three Drei library for creating 3D objects.
Regular expressions are part of the language, so it's not so unreasonable that TypeScript should parse them and take their semantics into account. Indeed, TypeScript 5.5 will include [new support for syntax checking of regular expressions](https://github.com/microsoft/TypeScript/pull/55600), and presumably they'll eventually be able to solve the problem the GP highlighted on top of those foundations.
Repository: goldbergyoni/nodebestpractices
Project mention: Angular Signals, Reactive Context, and Dynamic Dependency Tracking | dev.to | 2024-04-24/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
Project mention: Bun - The One Tool for All Your JavaScript/Typescript Project's Needs? | dev.to | 2024-04-02NodeJS is the dominant Javascript server runtime environment for Javascript and Typescript (sort of) projects. But over the years, we have seen several attempts to build alternative runtime environments such as Deno and Bun, today’s subject, among others.
Source: qcatch on Feb 22, 2024 https://github.com/storybookjs/storybook/discussions/25470
Project mention: 18 Must-Bookmark GitHub Repositories Every Developer Should Know | dev.to | 2024-02-12
Project mention: Node Test Runner vs Bun Test Runner (with TypeScript and ESM) | dev.to | 2024-04-26It has a decent compatibility with both Jest and Vitest's APIs (you can track progress here so you can use it as almost a drop-in replacement for either. Just as Node's, it has describe/it, mock, test and others, but with the expect syntax (which I find more readable). For example:
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript related posts
-
Figma's Journey to TypeScript
-
Tired of handling a tech stack with REST, SQL, Webpack and 1000 more?
-
Implementing 3D Graphics in React
-
Open-Source Lucidchart Alternative
-
How to Build Progressive Web Apps in 2024? A Step-byStep Guide
-
Ask HN: I have been unable to land a job in two years, does anybody
-
AsciidocFX: The Asciidoc Editor for documentation and authoring
-
A note from our sponsor - SurveyJS
surveyjs.io | 4 May 2024
Index
What are some of the best open-source JavaScript projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | freeCodeCamp | 388,278 |
| 2 | React | 222,111 |
| 3 | Vue.js | 206,993 |
| 4 | javascript-algorithms | 182,797 |
| 5 | You-Dont-Know-JS | 176,318 |
| 6 | project-based-learning | 169,446 |
| 7 | Bootstrap | 167,478 |
| 8 | javascript | 141,987 |
| 9 | 30-seconds-of-code | 119,340 |
| 10 | Electron | 112,040 |
| 11 | axios | 104,043 |
| 12 | node | 103,970 |
| 13 | three.js | 98,992 |
| 14 | TypeScript | 98,060 |
| 15 | nodebestpractices | 96,436 |
| 16 | Angular | 94,541 |
| 17 | deno | 92,975 |
| 18 | Material UI | 91,692 |
| 19 | clean-code-javascript | 89,755 |
| 20 | storybook | 82,881 |
| 21 | Web-Dev-For-Beginners | 81,515 |
| 22 | app-ideas | 75,006 |
| 23 | bun | 70,679 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com