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.
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
https://dev.to/deepgram/build-a-to-do-list-app-with-pinia-and-vue-3-2a4n - familiar with #Vue's #VueX? Here's an intro to #Pinia. Great tutorial https://github.com/SandraRodgers.
Never thought I'd have to debug a race condition between #Pinia and #VueJS components over a state variable, but there you have it. Thankfully, it was easily solved once I figured out what's going on (using watchers on a "isInitialized" flag set by Pinia whenever it's done with... whatever it's doing).
I quite like using #Vue 3's script setup style. Very little boilerplate and defining props as TS types is great.
#Pinia just makes sense to me. It doesn't try to do very much at all. It just lets me define reactive models and import them into my components.
in case anyone is also looking for articles covering using the composition approach with #Pinia here are the two I've found thus far:
I'm looking for good examples of using #Pinia in #Vue using the composition style rather than the options style. Curious if anyone has some good pointers? Most of the articles I've found use the options style...and the official docs switch back/forth between options/composition a bit too frequently for my tastes.
(Okay, I just found two...right after posting the question :-P But still, send me anything you've got!)
Recuerda que puedes encontrarnos en tus plataformas favoritas:
Apple Podcasts: https://podcasts.apple.com/us/podcast/my-typeof-radio-desarrollo-web-en-espa%C3%B1ol/id1525642310?ls=1
Google Podcasts: https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5idXp6c3Byb3V0LmNvbS8xMTkwNjkzLnJzcw==
Así como nuestro sitio web: https://mytypeof.dev
After using Pinia with Vue, which I deployed in a production environment, I figured picking up Redux wouldn't be too bad.
Man... what lies we tell ourselves lol.
Past two days were like: 😖
Finally near EOB today it is like: 😲
Of course, cleaning out this boilerplate I opted to use really helped.
"I'm not using Saga, I'm using thunk! *throws in trash*"
Maybe some day Saga, just not today.
Finally I can start my #100daysofcode
Day 0 of 99:
I must say it was a very challenging and I've realized that I'm missing the basics. So tomorrow I will start reading the official vuejs guide/tutorial again.