Top 23 JavaScript Open-Source Projects
-
Project mention: Freecodecamp or OSSU to self-teach software engineering & get a job in this field? | reddit.com/r/SoftwareEngineering | 2021-10-11
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
You can checkout Elecrue, It is a CLI for generating starter code for Electron or Neutralionjs with React or Vue. I am the maintainer of Elecrue, So I am adding Neutralionjs this week or next. And star it ⭐ for staying updated with Elecrue's progress.
-
Syncfusion
Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.
-
You can checkout Elecrue, It is a CLI for generating starter code for Electron or Neutralionjs with React or Vue. I am the maintainer of Elecrue, So I am adding Neutralionjs this week or next. And star it ⭐ for staying updated with Elecrue's progress.
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Built-with Bootstrap 5 most popular front-end framework in developer community. So, you will have more flexibility and freedom while using these components or developing a site.
-
Project mention: Should I skip jQuery and learn REACT straight away or something else altogether? | reddit.com/r/reactjs | 2021-10-15
-
javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
Project mention: 10 Awesome Github Repositories Every Web Developer Should Know. | dev.to | 2021-10-09Link to Repository
-
# 1 - Inicio da configuração do eslint yarn eslint --init # 2 - Escolha a opção "To check syntax, find problems, and enforce code style" How would you like to use ESLint? To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # 3 - Escolha a opção "JavaScript modules (import/export)" What type of modules does your project use? ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # 4 - Escolha a opção "React" Which framework does your project use? ❯ React Vue.js None of these # 5 - Escolha a opção "Yes" Does your project use TypeScript? No ❯ Yes # 6 - Pressionando a barra de espaço, deixe selecionado somente a opção "Browser" Where does your code run? ✔ Browser Node # 7 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 8 - Escolha a opção "Use a popular style guide" How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # 9 - Escolha a opção "Airbnb" Which style guide do you want to follow? ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google XO: https://github.com/xojs/eslint-config-xo # 10 - Escolha a opção "JavaScript" What format do you want your config file to be in? … ❯ JavaScript YAML JSON # 11 - Escolha a opção "Yes" Would you like to install them now with npm? No ❯ Yes
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Project mention: Ask HN: What does the future hold for Electron? | news.ycombinator.com | 2021-10-15
Microsoft owns Github. Github maintains Electron. Microsoft are moving Teams to use WebView2, sharing a single Chromium instance for all apps, reducing memory usage, which is the most common complaint for Electron.
This architecture has been obvious to everyone for a long time. Every Electron app could essentially be a webpage but with enhanced native API access.
Electron's future seems bleak. ESM support hasn't materialized (https://github.com/electron/electron/issues/21457). WebView2 will not be available on macOS until late 2022 [it seems](https://github.com/MicrosoftEdge/WebView2Feedback/issues/645#issuecomment-921551618).
Seems we are in one of these awkward transition periods, where you are forced to start a project on technology that you know will be deprecated in the near future sigh.
Anyone have insight/predictions?
-
axios is a library that handles http calls.
-
Project mention: 30-seconds-of-code: Useful JavaScript snippets that you can understand in 30 seconds or less. | reddit.com/r/programming | 2021-10-01
-
Fork this starter code sandbox template and get ready for coding the scrapbook application. If you prefer to use local development, you should have Node and NPM installed.
-
Project mention: Why I'm donating $150/month (10% of my income) to the musl Libc project | news.ycombinator.com | 2021-10-07
A year and half ago kesor was able to get deno to build without glibc (so it would work on stock alpine). It seems to be gn args/configs that need fiddling.
Unfortunately this work has never been brought into main (a couple of attempts have been made subsequently).
https://github.com/denoland/deno/issues/3711#issuecomment-62...
-
Angular is a development platform for building WEB, mobile and desktop applications using HTML, CSS and TypeScript (JavaScript). Currently, Angular is at version 12 and Google is the main maintainer of the project.
-
the 3D models in the background are mostly handled via a 3D JS framework such as threejs
-
Project mention: What's the easiest way to compile project with dependency from their source typescript | reddit.com/r/typescript | 2021-10-16
Note : also, sourcing either TS files or compiled JS files can lead to some technical problem like this one that need some dirty hack like the use of this library to be fixed
-
material-ui
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
-
Regarding structure, check out node best practices, where structuring by component (aka structuring by feature or module) is recommended, so in node.js it's already known that structuring by type not scales well, disregarding of the project size.
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Project mention: Serie Storybook: Escribiendo componentes - .stories.jsx vs stories.mdx | dev.to | 2021-10-14Storybook Documentation
-
webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
A bundler to support hot module replacement in development and bundling for production - Webpack 5 and Vite both supported
-
Project mention: 10 Awesome Github Repositories Every Web Developer Should Know. | dev.to | 2021-10-09
Link to Repository
-
Project mention: A free and good for beginners software for c/c++ | reddit.com/r/learnprogramming | 2021-10-12
Project-based Learning
-
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:
-
By thirty party I mean RPMFusion, Brave Browser, Google Chrome, atom.io, FlatHub (besides not being an DNF one is a thirty party one)
Index
What are some of the best open-source JavaScript projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | freeCodeCamp | 333,530 |
| 2 | Vue.js | 189,212 |
| 3 | React | 176,075 |
| 4 | Bootstrap | 153,418 |
| 5 | You-Dont-Know-JS | 145,467 |
| 6 | javascript-algorithms | 122,664 |
| 7 | javascript | 115,021 |
| 8 | Electron | 98,331 |
| 9 | axios | 88,480 |
| 10 | 30-seconds-of-code | 86,945 |
| 11 | node | 82,310 |
| 12 | deno | 78,232 |
| 13 | Angular | 77,074 |
| 14 | three.js | 74,907 |
| 15 | TypeScript | 74,865 |
| 16 | material-ui | 72,167 |
| 17 | nodebestpractices | 71,373 |
| 18 | storybook | 65,266 |
| 19 | webpack | 59,550 |
| 20 | clean-code-javascript | 58,818 |
| 21 | project-based-learning | 56,865 |
| 22 | Front-End-Checklist | 56,574 |
| 23 | Atom | 56,150 |
Are you hiring? Post a new remote job listing for free.
