real-world-vue
formkit
Our great sponsors
real-world-vue | formkit | |
---|---|---|
29 | 36 | |
1,021 | 4,035 | |
0.1% | 2.7% | |
0.0 | 9.7 | |
7 months ago | 7 days ago | |
Vue | TypeScript | |
- | 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.
real-world-vue
-
How to get into Vue in few months
Vue mastery goes for quality over quantity, and is the best choice.
-
Confusion between Vue.js Courses in Udemy
I took Maximilan's course a few years ago and it was good, but I think he is just rehashing the Vue's doc, most of his early sections are identical to the Vue doc. Maybe he updated his course with more personal thoughts and approach. You can check the official Vue by yourself or trying Vue mastery or Vue school they are both good
-
Seven Lessons I Have Learned From My Experience as a Software Developer
As a Frontend Engineer, I have found certain platforms and tutors who are known for publishing quality content. They include Frontend Masters, Framework documentation sites (e.g Vue and React), Vue School, Vue Mastery, Scrimba, and courses by Michael Thiessen, Maximilian Schwarzmuller and The Net Ninja.
- How to pass an object as props through a <router-link>?
-
Currently switching from React to Vue
I’m a dev that has some knowledge on React and Vue. Several months ago, I just started a new project using React with Gatsby, but every time I'm working with it, my gut feeling was telling me "this might be easier to use with Vue". I had to refer so many times to the docs and the one course I bought for Stephen Grider. Last month, I bought some advanced courses for VueSchool and VueMastery. I then started another project using Gridsome and Vue, and was impressed by how straightforward it was to incorporate routes and components.
-
Vue or React? Which one is easier to pick up?
So if I’m going for a MEVN stack, I might either get Vue School, Vue Mastery, or Maximillian’s Udemy course afterwards. I know people mention to just read the docs but maybe having a guided tutorial + the docs might be the best way to learn Vue for me. I also think it’s different for everyone. I’m also thinking of attending conferences like Vue Nation or Connect.Tech. If you have any other suggestions, please let me know!
-
Seeking advice on Vue.js resources: Tips and tutorials
Vue Mastery is a great resource that covers not just Vue.js but also related technologies such as Vuetify. They offer courses on Nuxt.js and advanced design, among other things.
-
Where to learn in depth vue as a senior frontend dev
I really enjoyed the Vue Mastery course. It even includes a series where Evan You builds a bare bones version of Vue from scratch. https://www.vuemastery.com/
- VUE JS 3 Roadmap
-
writing pure js is super boring, and people say you can't learn framework well without being master at js
We use https://www.vuemastery.com to teach new team members about Vue. I'm sure you have sufficient JS to understand it.
formkit
-
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.
-
Vue UI kits/component libraries?
if you're going to be dealing with forms then FormKit (not a UI library) is worth your time. It's an architecture-first form framework — can be used with any UI library if you prefer.
-
Nuxt UI is one of the best UI libraries out there
I probably say this too often, but I'm fascinated by how much the Vue ecosystem has been thriving lately. Recent releases of such awesome libraries like FormKit or Radix Vue are great examples of how well the Vue ecosystem has matured lately.
- Celebrate Vue.js with us Support devs and projects, and win cool stuff
-
Create a custom toggle input for Vue FormKit using Headless UI
FormKit is a library that helps you build complex forms in Vue. It is built on top of Vue 3 and uses the composition API. It is very easy to use and has a lot of features. You can check out Formkit Website for more information.
-
Help a fellow backend dev chose a frontend framework for his personal project
If you're in the Vue space (and you will be if you're using Nuxt) then I highly recommend checking out FormKit (I'm one of the maintainers). It's not a UI library — it's a framework for managing your form architecture and data. Forms are some of the most complicated front-end work you'll do if you do them well and FormKit will save you many many tears. If you want a quick primer on "why formkit?" here's a 3-minute video that demonstrates how much simpler a FormKit form will be to manage vs one hand-written in Vue.
-
From React to Vue
If your project requires building forms then FormKit can save you a lot of effort.
-
Using Zod with FormKit
Starting with Beta 17 — FormKit ships with a new Zod plugin that you can use to validate your forms.
-
There's got to be a simpler way to make a responsive textarea...right? Right???
Unironically this, but it's called FormKit. 🥲
-
Vuejs themes and frameworks
When you get to doing the forms in your project be sure to give FormKit a look!
What are some alternatives?
pinia-plugin-persistedstate - 🍍 Configurable persistence and rehydration of Pinia stores.
vee-validate - ✅ Painless Vue forms
vue-toastification - Vue notifications made easy!
vue-openapi-form - A Vue component to generate html form using OpenAPI v3 schema
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
auto-animate - A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
vue-good-table - An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
awesome-vue - 🎉 A curated list of awesome things related to Vue.js
vuelidate - Simple, lightweight model-based validation for Vue.js
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
json-editor - JSON Schema Based Editor