real-world-vue VS pinia-plugin-persistedstate

Vue mastery goes for quality over quantity, and is the best choice.

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

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.

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.

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!

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.

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/

We use https://www.vuemastery.com to teach new team members about Vue. I'm sure you have sufficient JS to understand it.

If you use a standard Pinia store, you can use plug-ins. For example, you can use pinia-plugin-persistedstate to let the user start each new session where they left off. Or you can use pinia-orm to simplify handling large amounts of tabular data.

How about this plugin, then?: https://github.com/prazdevs/pinia-plugin-persistedstate.

When your application starts, fill your Pinia/Vuex store with data from the user's previous session. This is done automatically by pinia-plugin-persistedstate or the Vuex equivalent.

pinia-plugin-persistedstate: keeps your Pinia store synced with the user's browser localStorage. In other words, if your user closes their browser and then returns to your Vue app later, they will have the same state as when they left.

You also mentioned that the positions should be stored in localStorage. I would store the positions in Pinia, and then add the pinia-plugin-persistedstate plug-in. It's one import statement and one line of code to add that plugin, and then your Pinia state is automatically persisted in localStorage. It beats having to write and troubleshoot the storage logic yourself.

I've used the pinia-plugin-persistedstate package and has worked fine for me.

I have a Vue 3 / TypeScript app that uses a combination of Firebase, Pinia, Vue Concurrency, and the Pinia Persisted State Plugin.