Our great sponsors
|7 days ago||7 days ago|
|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.
Why and how to create an Event Bus in Vuejs 3
2 projects | dev.to | 15 Feb 2023
Vuex is a state management library. At first glance it seems complicated, and in fact it is a bit. You can use Vuex to store data that should be used globally in your app. Vuex provides you with a solid API to apply changes to this data and reflect them in all child components that use Vuex data store.
Vuex: taking user input, adding and removing it from state
2 projects | dev.to | 1 Jan 2023
I encourage you to also go through Vuex's official documentation: https://vuex.vuejs.org/
In One Minute : Vue.js
5 projects | dev.to | 10 Nov 2022
How to Get Started with Pinia in Vue
3 projects | dev.to | 19 Sep 2022
Comparison, such as Pinia against Vuex, shows that Vuex, the previously recommended library, still has a higher download rate than Pinia. However, even the Vuex official documentation advises developers to opt-in for Pinia, since it is unlikely that Vuex will receive any additional functionalities.
Reviewing 2021 and predicting 2022
6 projects | dev.to | 12 Sep 2022
Vuex a state management pattern + library for Vue.js release 4.0 - https://github.com/vuejs/vuex/releases/tag/v4.0.0
The new wave of React state management
23 projects | news.ycombinator.com | 2 Jul 2022
> poor support for style libraries like tailwind
Can't relate. Tailwind works fine with anything that supports PostCSS. I run it with Vite and there's zero issues.
> the state management ecosystem is fractured between vuex and pinia
This is also just not true. Pinia is officially replacing Vuex as the recommended store library for Vue . They're also vastly similar in how they do things, so the knowledge transfer over from Vuex to Pinia. And Pinia just address most of the design goals mentioned in the article in the most simple way.
As for Vue 2 -> 3 transition, lots of the larger UI frameworks in the ecosystem is struggling to migrate, despite lots of efforts on the compat layer to smooth the transition, which is a bummer. But as long as you're not doing those sophisticated things, Vue 2 examples should work out-of-box on Vue 3 as well. There are surely less resources for the composition API, but the official introduction guide has been good enough in my experience.
Introduction to the VueJs Framework
7 projects | dev.to | 21 Jun 2022
Vue has a wide range of use cases that span the whole scale of front-end development. We can use it to add a bit of dynamism into an existing web app, such as adding a simple carousel or content that changes on user interaction e.g mouse movements or text input to creating complex web apps such as e-commerce stores with multiple categories and product pages supporting routing, browser-based data storage via Vue's own libraries such as the vue-router and vuex with features such as a cart, external API call requests and so forth.
What is XState used for?
9 projects | dev.to | 21 Jun 2022
replace global state managers like Redux or Vuex
Top 13 Vue Devtools for Developers in 2022
7 projects | dev.to | 26 Apr 2022
Build a To-do List App with Pinia and Vue 3
2 projects | dev.to | 15 Apr 2022
When I arrived at the Vuex documentation page, I saw this:
How we achieved 100/100 pagespeed & CWV, with third party scripts
3 projects | dev.to | 22 Mar 2023
We use Vite for our build pipeline. Vite does a number of things, but mainly it:
How to start a React Project in 2023
4 projects | reddit.com/r/reactjs | 22 Mar 2023
I would switch over to vite but this is my only issue: https://github.com/vitejs/vite/issues/3924
create-react-app is officially dead
2 projects | dev.to | 21 Mar 2023
Vite is one of the fastest ways to start a project in react. It has faster server start time. It has better compatibility with plugins. It supports TypeScript, has better dependency resolving features out of the box. React projects created from Vite are just 20% the size of that created by CRA. You can read more about Vite here
What is Vite and Why Should You Use It Instead of Create React App?
2 projects | reddit.com/r/reactjs | 11 Mar 2023
Bad idea. We ran into this long standing issue with a project at work. There are some workarounds, but if they don't work for you, there's literally no fix.2 projects | reddit.com/r/reactjs | 11 Mar 2023
While I can definitely agree with Vite over CRA (or anything over CRA really), please be aware of the longstanding issue with incompatibilities with module and non-module dependencies that have plagued Vite and Rollup for two years now: https://github.com/vitejs/vite/issues/2139
Using Ionic Capacitor Plugins In A VueJS Vite Mobile Application
3 projects | dev.to | 10 Mar 2023
In the blog post linked above, we talked about creating mobile applications with Vue, Vite, and Ionic Capacitor.
How To Create A Mobile App Using Vite, Vue and Ionic Capacitor In 8 Minutes Including Explanation
2 projects | dev.to | 7 Mar 2023
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
What’s New With Nuxt 3
6 projects | dev.to | 5 Mar 2023
It supports webpack 5 and Vite, which supports hot module replacement during development and assembles your code for production,
A gentle introduction to Vitest
4 projects | dev.to | 4 Mar 2023
While we will not be covering Vite in this post, it will help us to understand some bits of it to appreciate Vitest better.
Need an advice for frontend framework (beginner in frontend development)
5 projects | reddit.com/r/Frontend | 25 Feb 2023
P.S. Vite is absolutely the dev tool / env of choice for building front-ends.
What are some alternatives?
Next.js - The React Framework
parcel - The zero configuration build tool for the web. 📦🚀
esbuild - An extremely fast bundler for the web
swc - Rust-based platform for the Web
Rollup - Next-generation ES module bundler
astro - Astro is the all-in-one web framework designed for speed 🏝️✨
Laravel Mix - The power of webpack, distilled for the rest of us.
SvelteKit - web development, streamlined
create-react-app - Set up a modern web app by running one command.
nx - Smart, Fast and Extensible Build System