Vue.js
vite
Our great sponsors
Vue.js | vite | |
---|---|---|
314 | 351 | |
196,178 | 42,271 | |
0.8% | 5.9% | |
8.7 | 9.9 | |
3 days ago | about 24 hours ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Vue.js
-
Vue devs, what can React do better than Vue 3?
But then you look at the contributors themselves, and you see that Evan is doing the thing alone, basically.
Vue 2
-
Freshworks MarketPlace apps using JavaScript Frameworks
This is the sample template for bootstrapping the apps using the latest version of Vue.js as the primary tool for building the front-end of the app.
-
Developing state of the art web apps with Node.js (QEWD-Up) back-end + NuxtJS/Vue.js front-end
I wrote a step by step tutorial in the qewd-howtos repository how you can write state of the art multi-page web apps with Node.js using a QEWD-Up WebSocket/REST api back-end integrated with a mainstream web framework like NuxtJS & Vue.js. In particular with the latest NuxtJS/Vue.js frameworks, writing web applications becomes fun again, allowing you to write your applications very efficiently, hiding all boilerplate code from you.
-
2. Setting up your git repository
Then, using the instructions provided above, develop an app of your choice and push the code to the empty GitHub repository. I'm building my website with Vue JS. Vue JS will thus be used in the examples. The difference is simply in the deployment process, and you can use any framework/library to construct your website, such as Angular, React, Svelte, etc. Follow the steps here to get a project started with Vue JS.
-
Plugin vue-auth3 replace @websanova/vue-auth3
Vue Auth 3 is a plugin that manages all Vue 3 authentical related things except
-
Creating a custom Checkbox Component in Vue 3 (a better approach)
By default when creating a checkbox using a the input checkbox tag with a v-model attribute in vue comes with some additional features as shown here. Attempts to extract this into a separate file causes it to loose these added features that come out of the box.
-
Pagekit
Pagekit is a modular and lightweight open source CMS built with Symfony components and Vue JS
-
How to properly internationalize a Vue application using i18next
Since Vue.js is an approachable, performant and versatile framework for building web user interfaces, it also needs a best-in-class internationalization solution. You may know vue-i18n, but for those already knowing i18next a Vue.js adapted version of i18next would be more appropriate.
-
#10: Get Creative - with Vue.js
Vuelievers, rejoice! Today we'll explore several examples of how you can build a Static Web App with the Vue.js framework
vite
-
Getting Started With the Yext Answers API in VueJS
The primary aim of this article is to show you how Yext Answers API can be integrated into a Vue.js app. The demonstration uses Vue 3, and Vite is used for scaffolding the app. The app is designed using Tailwind CSS. Note, however, that neither Vite nor Tailwind is a requirement for the app.
-
TenancyForLaravel FileSystem Bootstrapper asset Gotcha
I am building a multi-tenant SaaS application using this tenancy package from Tenacy for Laravel. It has a concept of tenancy bootstrappers that modifies relevant framework defaults to make the application tenant aware. The FileSystem Bootstrapper makes the Laravel asset() helper method return tenant specific assets through a TenantAssetController. I also replaced Laravel Mix with Vite and I'm using this Laravel Vite package to make the integration easier. The package provides @vite directive to output all the necessary asset tags in your blade file. The underlying methods use the asset() helper method from the framework. Therefore, any generated asset URL is tenant-scope if I am under a tenant aware route. I am using VueJS for templating so my page ends up not being rendered correctly.
-
How to start a TailwindCSS project with SCSS
SASS is a CSS preprocessor that makes writing CSS more efficient and in my opinion much easier. In this post, I'll show you how you can set up SASS with TailwindCSS in your project. For this purpose we will use Vite as a build tool.
-
Write an audio visualizer from scratch with vanilla JavaScript
For this tutorial, I'm using Vite, a simple and straightforward dev server to set up, but feel free to use any other server of your choice.
-
Address Autocomplete and Verification with Lob’s Vue Component Library
We’ll use Vite to quickly set up a Vue app and install @lob/vue-address-autocomplete:
-
Use Vite for React Apps instead of CRA
Instead of using CRA for creating React App, we can migrate to Vite. Vite is the next generation frontend tooling to build the app faster.
Vite preset templates
-
NextJS: always the best bet?
Have you tried Vite?
-
What front end framework or technology do you use to run React?
Check out either Next.js or Vite
- Creando un proyecto de React con Vite
What are some alternatives?
Next.js - The React Framework
parcel - The zero configuration build tool for the web. 📦🚀
swc - Rust-based platform for the Web
esbuild - An extremely fast JavaScript and CSS bundler and minifier
Rollup - Next-generation ES module bundler
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.
SvelteKit - The fastest way to build Svelte apps
create-react-app - Set up a modern web app by running one command.
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
astro - Build fast websites, faster. 🚀🧑🚀✨
Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]
browserify - browser-side require() the node.js way