vuelidate
Quasar Framework
Our great sponsors
vuelidate | Quasar Framework | |
---|---|---|
11 | 159 | |
6,807 | 25,168 | |
0.3% | 0.8% | |
3.9 | 9.8 | |
8 days ago | 5 days ago | |
JavaScript | JavaScript | |
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.
vuelidate
-
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:
Quasar Framework
-
Show HN: Quasar Prime: Vue.js Admin Template
What does this bring that the Quasar framework doesn’t already? This sure looks like an ad for a barely preconfigured quasar template—but it’s impossible to tell.
-
Ask HN: What framework/tools to use to build front end in 2023?
I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.
Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.
Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.
If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.
Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)
-
10 UI Libraries You Should Explore for Your Next Vue.js Project
3. Quasar Quasar is a versatile UI framework that allows you to build responsive websites, mobile apps, and desktop applications using a single codebase. It offers a wide range of components and utilities. Explore the Quasar website for more information.
-
An Overview of 25+ UI Component Libraries in 2023
Quasar: It does not consider itself a library, but more of a framework. That, in my eyes is a bit confusing as it is based on Vue, but the idea is that you can use it to create websites and apps, meaning it uses a CLI to generate different outputs for web, mobile, desktop, SPA (Single Page Apps), SSR (Server Side Rendering), and more.
- Nuxt UI is one of the best UI libraries out there
-
What framework/library/language has the best docs you've ever seen?
Quasar - https://quasar.dev/ - makes getting into an opinionated Vue setup painless
-
What tools do you use to convert Vue.js SPA to mobile apps?
Check out https://quasar.dev/ :)
-
[Python] NiceGUI: Lassen Sie jeden Browser das Frontend für Ihren Python-Code sein
NiceGUI runs on top of FastAPI which allows you to add authentication, routing, OpenAPI specs, and other backend functionality to your projects. The frontend is implemented using Vue, Quasar, and Tailwind, but you don’t need to be familiar with these technologies to create beautiful user interfaces. NiceGUI prioritizes simplicity and user-friendliness, while still offering the option for advanced customization through its extensibility.
- Welche Programmiersprache(n) für plattformübergreifende App?
-
Mobile App Development for both iOS and Andriod
Just use Quasar
What are some alternatives?
vee-validate - ✅ Painless Vue forms
vuetify - 🐉 Vue Component Framework
primevue - Next Generation Vue UI Component Library
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
react-native - A framework for building native applications using React
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
element-plus - 🎉 A Vue.js 3 UI Library made by Element team
Tailwind CSS - A utility-first CSS framework for rapid UI development.
SvelteKit - web development, streamlined
vite - Next generation frontend tooling. It's fast!
naive-ui - A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.