42GB, 7 months ago

So, I guess it is not the best way to learn JavaScript at the same time as learning a framework. But I had some achievements:

• Started using Pinia as a store, including some watchers syncing the store to local storage.
• Finished the OAuth flow for the Mastodon API.
• Fetching and showing lists and followings.

It may not sound like much, but I'm quite happy about the progress.

demivan, 7 months ago

@42GB I recommend using Pinia plugins to work with LocalStorage. Should lead to cleaner code.

42GB, 7 months ago

deleted_by_author

42GB, 7 months ago

Oh no... I lost reactivity for an object in a pinia store. What to look out for? Any tips for handling more complex data structures without loosing reactivity? Where are the limits? What are common solutions? So many questions but not sure what to search for atm.. fml. Seems like I miss something obvious... #vue #pinia

demivan, 7 months ago

@42GB With Vue 3 it is extremely hard to lose reactivity, especially if you use Pinia already.
Can you provide example code?

42GB, 7 months ago

deleted_by_author

42GB, 7 months ago

deleted_by_author

demivan, 7 months ago

@42GB Vue refs are deeply reactive, so reactivity should not be a problem.
Organizing stores like in the blog post would work, if that simplifies app code, but it is not needed.

42GB, 7 months ago

deleted_by_author

42GB, 7 months ago

@demivan Short update: Found it. It was just a bug in the function editing this array. Thanks a lot again.

42GB, 7 months ago (edited 7 months ago)

After solving the problem, my motivation is back. I am starting to get really excited about #vue because I realised that not only #pinia states react to changes... also getters and actions. The more I know about vue and pinia, the more structured the code becomes. I am getting closer to having all the features I need for a basic Mastodon list manager. The UI is still a mess.

gruifor, 7 months ago

@42GB I only used it very briefly a few years ago. The little frontend code I touched recently was mostly React. I don't have a preference, but I'm curious to hear what you prefer about Vue.

42GB, 7 months ago

deleted_by_author