Top 23 JavaScript Vue Projects
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Vue.js
-
Prettier is a great tool for maintaining consistent formatting in a project. Prettier works quite well for a monorepo. One can simply define a .prettierrc file in the root of the monorepo and run Prettier using that configuration file. It will automatically apply to all packages in the monorepo.
-
-
Nuxt.js
-
Project mention: 9 years later but we finally have the answer | reddit.com/r/mAndroidDev | 2021-03-12
uni-app
-
taro
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
-
Project mention: Tips for Making a Popular Open-Source Project in 2021 [Ultimate Guide] | news.ycombinator.com | 2021-11-12
Maybe a story from a maintainer would help. To contextualize, the main SheetJS open source project https://github.com/SheetJS/sheetjs has over 28K stars.
tl;dr: the project involves "crowdsourced research" which benefits from popularity.
The main social goal with the project is data preservation and integrity. Large-scale economic and political decisions are made from data and analyses in spreadsheets. For example, last year in the UK, COVID cases were underreported thanks to Excel minutiae https://www.bbc.com/news/technology-54423988
Due to various corporate stratagems, the older data representations were intentionally obfuscated. To support Excel, many developers poked around at Excel files and guessed at the structures.
In this environment, the biggest challenge is finding worksheets with random corner cases. These types of files are not easy to create and fuzzing has limited effectiveness. This is where open source and popularity come into play. The open source and JS nature of the project helps reduce testing friction (https://oss.sheetjs.com/ runs in the web browser, no need to install anything) and encourage bug reports with test cases.
There will always be "entitled users" and "low quality bug reports" but that comes with the territory. There are also meaningful issues and code contributions. Efforts at trying to prevent the low quality contributions also discourage higher quality contributions.
-
Helloooo, in this post I'll show you how you can use vuex with TypeScript and class-components.
-
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.
-
-
people should also try https://marktext.app/ , it's free and open source.
-
We use https://vuepress.vuejs.org/ which takes Markdown and turns it into .html pages - so long as they have the git repository locally then they can either look at the Markdown itself or spin up the local dev environment for it.
-
Docsify
-
Vue-Router: is for routing pages using vue Vuex: is for state management. I'll be writing a post about this soon. E2E Testing: I use Cypress (new to it actually) its an automated UI testing library.
-
If you're using Vue JS for a while then you have probably used some plugins with it as well. For example the Vue Router is a plugin. And there are many other useful plugins available like vue-infinite-loading, vuedraggable etc. But sometimes you might not have a plugin available for your need in that case you'd have to write your own plugin. And guess what? To create a Vue plugin all you have to do is create a JavaScript file that exports a object with a install method in it. So inside the src folder let's create a folder called plugins and inside that will have a JavaScript file named MyPlugin.js
-
HANDSONTABLE
JavaScript data grid with a spreadsheet look & feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡
Handsontable is a JavaScript library for building fast and efficient datagrids. It has a free and commercial license and has support for React, Vue, and Angular frameworks. At the core, Handsontable enables data binding (fetching data from a data source and how it's rendered on the datagrid), saving data locally, middleware, events, hooks, and configurations. Similar to Grid.js, Handsontable configuration options allow you to configure the datagrid to your taste.
-
Project mention: Can anyone recommend a good/simple frontend framework for talking to an api? | reddit.com/r/learnprogramming | 2021-07-10
-
electron-vue
An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
I dunno, I built a vue based electron app and it was quite straight forward using the electron-vue bolierplate https://github.com/SimulatedGREG/electron-vue. I started the project on electron-vue though which might be a bit different than developing it for web first and trying to port it into electron - for that I would probably start up a blank project with electron-vue then go step-by-step to copy files and chunks of code from the web version into it.
-
sweetalert2
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
-
headless-recorder
Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script.
Project mention: Headless recorder is a Chrome extension that records your browser interactions and generates a Playwright or Puppeteer script. | reddit.com/r/vuejs | 2021-07-20 -
bootstrap-vue
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
-
For my blog I'm using Next.js with https://mdxjs.com/ and if you know react it's great
-
Project mention: (rant) Is there ANY framework or toolkit that isnt outrageously difficult to configure before you even write a single line of code? | reddit.com/r/webdev | 2021-11-26
Also, if you just want to jam on something with absolutely no frills, I use https://codesandbox.io/. It's absolutely rad and I think they have a Vue template.
-
It's open source: https://github.com/HabitRPG/habitica There's a fork meant for self hosting with stuff like monetization taken out: https://github.com/headcounter/shabitica
-
onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
JavaScript Vue related posts
- Documentation platforms while offline
- (rant) Is there ANY framework or toolkit that isnt outrageously difficult to configure before you even write a single line of code?
- How to create a video editor that works in your browser.
- Hamburger not working using bootstrap
- How to update values in database shown in html table?
- Going serverless with MongoDB Realm - Vue.js Version
- How to make image 100% width ?
Index
What are some of the best open-source Vue projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Vue.js | 190,621 |
| 2 | prettier | 41,257 |
| 3 | Nuxt.js | 38,770 |
| 4 | uni-app | 34,579 |
| 5 | taro | 30,098 |
| 6 | SheetJS js-xlsx | 28,178 |
| 7 | vuex | 27,036 |
| 8 | Quasar Framework | 19,938 |
| 9 | marktext | 19,883 |
| 10 | VuePress | 19,639 |
| 11 | docsify | 19,079 |
| 12 | vue-router | 18,540 |
| 13 | Vue.Draggable | 16,370 |
| 14 | HANDSONTABLE | 15,965 |
| 15 | vue-admin-template | 15,273 |
| 16 | electron-vue | 14,544 |
| 17 | sweetalert2 | 13,807 |
| 18 | headless-recorder | 13,721 |
| 19 | bootstrap-vue | 13,561 |
| 20 | mdx | 11,775 |
| 21 | codesandbox-client | 11,062 |
| 22 | Habitica | 8,643 |
| 23 | onsenui | 8,499 |
Are you hiring? Post a new remote job listing for free.
