vuelidate
Simple, lightweight model-based validation for Vue.js (by vuelidate)
vueuse
Collection of essential Vue Composition Utilities for Vue 2 and 3 (by vueuse)
Our great sponsors
vuelidate | vueuse | |
---|---|---|
11 | 86 | |
6,801 | 18,471 | |
0.3% | 2.4% | |
3.9 | 9.6 | |
9 days ago | 8 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
vuelidate
Posts with mentions or reviews of vuelidate.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-09.
-
A simple Vue form validation composable with Zod
The Vue ecosystem is packed with many great form validation libraries, VeeValidate, Vuelidate, and FormKit just to name a few.
- Vuelidate's Email Validator
-
Angular vs. React vs. Vue.js: Comparing performance
Vuelidate: A lightweight library that provides a simple and intuitive way to handle form validation. It has a small footprint and minimal impact on an application’s overall size and performance. Its bundle size is 12.4kb minified and 3.7kb gzipped
-
How do you chose your Nuxt/Vue form validation library?
The two I heard of are Vuelidate and Vee-validate. Any opinion? Thanks.
-
Handling form errors with vuelidate in VueJS 3.0
In today's article I will show you a clean and simple approach on handling form errors in VueJS 3.0 with vuelidate. Additionally I will be using NuxtJS 3.0 and TypeScript because they are some of my most favourite tools to use in modern frontend environment.
-
Which tools do you use to validate forms?
I've been using vuelidate-next.netlify.app for a long time. No regrets.
There you have the answer https://github.com/vuelidate/vuelidate/issues/1078 It's most about contributor insecurities rather than if it's working or not. Try it out, make some tests and see for yourself if it's stable or not.
- What's a good way to mark inputs as invalid in Vue?
-
Introducing FormKit: A Vue 3 form building framework
Although there are some great validation libraries for Vue (VeeValidate and Vuelidate to name two), FormKit provides pre-written validation rules which are then declared using the validation prop. This makes them easier to read and reduces room for developer errors:
vueuse
Posts with mentions or reviews of vueuse.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-09-19.
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.
-
useHooks – A collection of Server Component safe React Hooks
Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etc…). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/
-
UseHooks – A Collection of Server Component Safe React Hooks
Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...
-
First Time at Vue
Also take a look at https://vueuse.org/ which might save you some lines :)
-
Why isn’t everyone using <script setup>?
For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.
-
Advice needed for Supabase + Pinia
And VueUse is an incredible addition too for cookies and so much more: https://vueuse.org/
-
Create a Shopping Cart with Vuejs and Pinia
Vueuse a collection of essential Vuejs composition utilities.
-
I still want to use options API for Vue 3
It really depends on how complex is your application but as it grows bigger and complex the composition API let's you brake into more meaningful pieces. Take a look at https://vueuse.org maybe it sparks why some of us really love composition API
Try this out. Take a Vue 3 project you are working on and make a copy of an existing component. Now rewrite that component using the composition API. See how you can group related code together inside the script setup, and then try pulling out a block of code into a composable. Again, do this with code organization in mind first. See if anything clicks for you (like it did for me). If not, then fair enough! Keep on using options. But if that starts to make sense, then you can start to explore some of the other benefits of the composition API. For that, I'd recommend browsing through the VueUse codebase to see how they set up their composition utilities.
- vue 3 component library that uses vitest
What are some alternatives?
When comparing vuelidate and vueuse you can also consider the following projects:
vee-validate - ✅ Painless Vue forms
svelte-actions - prototype official actions for Svelte
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
react-select - The Select Component for React.js
Parsley.js - Validate your forms, frontend, without writing a single line of javascript
vuex - 🗃️ Centralized State Management for Vue.js.
vitesse - 🏕 Opinionated Vite + Vue Starter Template
Quasar Framework - Quasar Framework - Build high-performance VueJS user interfaces in record time
vuetify - 🐉 Vue Component Framework
validator.js - String validation
unbuild - 📦 An unified javascript build system