#pinia

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

using #pinia state management with #vue is super useful, but I find testing it quite cumbersome

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.

#nuxt with #pinia #tailwindcss and #supabase makes creating websites so easy these days. It’s crazy.

Learned about the #Vue store #pinia and now I am exploring some connections with #OpenLayers
to make layers and map events dynamically available in the whole web app

https://pinia.vuejs.org/

My latest tutorial:

:babat_flag: Starting an incremental clicker game with Vue, Pinia, and TypeScript

https://jesselawson.org/blog/clicker-game-template/

#webdev #tutorial #vue #pinia #typescript #gamedev

https://dev.to/philipjohnbasile/grilling-vue-3-essentials-on-pinia-skewers-3noc #VueJS #Vue3 #vue #Pinia

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.

https://vuejs.org/api/sfc-script-setup.html

https://pinia.vuejs.org/ is also 👍 I couldn't stomach #Vuex with its string-based actions or whatever.

#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:
https://coderpad.io/blog/development/how-to-handle-state-management-in-vue-using-pinia/

https://webmobtuts.com/frontend-development/learn-how-to-use-vuejs3-pinia-store-management-with-simple-example/

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!)

#javascript #question

👋 👋
Recuerda que puedes encontrarnos en tus plataformas favoritas:

Spotify: https://open.spotify.com/show/6oPZBuoJxLWsj6X5SRJ8e9
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

#podcast de #webdev en #espanol
#javascript #desarrolloweb #vue #vuejs
#pinia #svelte #vscode #programacion

IMO global stores like in #vuex, #pinia or #redux are just as bad as global variables.

There will be a Vue online conference January 25 - 26, 2023: https://vuejsnation.com/ And it's free.
#vue #nuxt #vite #vitest #pinia

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.

#react #redux #vue #pinia #statemanagament

Finally I can start my #100daysofcode

Day 0 of 99:

I've tried to follow a tutorial on how to program a Single Page application with #vuejs3 , #vite and #Pinia .

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.

I just rewrote a hobby project in #nuxt3, #pinia, #dexie, and #pwa! It was delightful. I think my code is much cleaner. I just beta tested it myself and it worked with just minor cosmetic issues.

Ich durfte für das aktuelle @entwickler@twitter.com einen Artikel zu #pinia und #vuex schreiben. Jetzt am Kiosk Eurer Wahl oder online im @entwicklerkiosk@twitter.com https://dz.ms/pinia-em