Mastering Pinia
@MasteringPinia
Transform your Vue.js state management skills with Mastering Pinia! Course developed by the author of Pinia, @posva Powered by @VueSchool_io.
Separation of Concerns: Store Logic, Meet Usage! 💫 Think of your store as a well-organized kitchen. The ingredients (logic) are prepped separately, making it easier to assemble delicious components (store usage). This separation promotes reusability, testability & cleaner code.
Confused about Setup vs. Option Stores in Pinia? Our Pinia lesson clears it up! Discover a more flexible syntax for writing #Pinia stores, unlocking greater functionality for your Vue apps. ➡ masteringpinia.com/lessons/what-a…
Use Reactive Refs for Dynamic State 🚀 Create reactive state properties using ref to ensure components automatically update when changes occur, maintaining a dynamic and responsive user interface.
@nuxt_js x @supabase module is now compatible with Nuxt 4 ☑ github.com/nuxt-modules/s…
🛠️ Vue Bits 👉🏻 An open source collection of animated, interactive & fully customizable Vue components. vue-bits.dev
Testing stores and components got you stuck? 🍍 We have a FREE lesson that is your go-to guide for mastering store testing! It covers essential differences and best practices to elevate your skills. Watch here and start boosting your testing game here: masteringpinia.com/lessons/introd…
Vue.js Free Weekend - Aug 23 & 24 48hrs of FREE access to @vuejs cert training, designed to prep you for the official exam reviewed by @youyuxi. 💻Code challenges 🧠10 MCQs + 1 code task (trial exam) 📚Covers Composition API, Pinia & more Sign up👇 certificates.dev/vuejs/free-wee…
Controlled Updates with Actions: Keep Your State Organized 🚀 Actions are like measured cooking instructions for modifying your store's state. They provide a controlled and predictable way to update the state, ensuring consistency and easier testing.
🔥Tip of the day: Getters let you create computed properties based on your store's state. They're cached and only recomputed when the underlying state changes, improving performance.
Confused about useStore()? 🍍 We have a FREE lesson that explains the composable function returned by defineStore(), detailing where it can be called and how to use the store outside of components. Watch now it here: masteringpinia.com/lessons/how-do…
Nuxt 4.0 is here at last … and it's all about DX ✨ 🗂️ app/ directory for better organisation 🔄 smarter data fetching ⚡️ a faster CLI with socket communication 🔧 improved TypeScript integration ... and a smooth upgrade experience. 💚 nuxt.com/blog/v4
Struggling with state management in your Vue.js apps? 🍍 The "Quick Start with Pinia" lesson on Pinia breaks down this powerful library, showing you how to efficiently manage data across components. Best part? It's free! Check it out: masteringpinia.com/lessons/quick-…
🔥Tip of the day: The $subscribe method lets you register a callback that will be executed whenever the store's state changes. This is useful for persisting data, logging changes, or triggering other side effects.
Enhance your Pinia stores with @aidd_io. 🍍 Optimize state management & Pinia Colada queries with AI. The AIDD Insiders Pass is now LIVE. Get it in the next 24h and benefit from unique perks. x.com/aidd_io/status…
You can now step into our world! Doors are open for AIDD Insiders. 24 hours or 500 seats. Whichever comes first. vist.ly/3xxww aidd.io
Did you know that you can create a simple Pinia store with just a few lines of code? 🍍 Pinia offers a lightweight way to manage application state. Here's a basic example of a store to manage a count. Have you used this before?
