Sign in

Mastering Pinia

@masteringpinia.com
137 followers 19 following 212 posts

🍍Transform your Vue.js state management skills with Mastering Pinia 📚 Developed by the author of Pinia 🚀 From BitterBrains, powered by @vueschool.io

PostsRepliesMedia
Mastering Pinia @masteringpinia.com · 24/12/2025
Happy Holidays from the Mastering Pinia team 💛 Thank you to our amazing community of developers and learners. Here’s to more learning & fun projects in 2026!🍍
010
Mastering Pinia @masteringpinia.com · 01/12/2025
The Black Friday weekend rush is over, but your chance isn’t. 🎁 Cyber Monday gives you a final shot at up to 50% off Mastering Pinia. Treat yourself, your future self will thank you. 👇 vue.school/mpbf25x
vue.school
Mastering Pinia | Learn from the creator of Pinia
The ultimate course for mastering the officially recommended State Management solution for Vue.js. Created by Eduardo San Martin Morote, the author of Pinia.
010
Mastering Pinia @masteringpinia.com · 09/09/2025
Interesting Fact: Pinia Colada’s Infinite Scrolling 🍍💻 It simplifies pagination with a declarative approach, supporting both page-based and cursor-based navigation. A game-changer for Vue apps! Try it out and share feedback.
000
Mastering Pinia @masteringpinia.com · 08/09/2025
What’s your go-to strategy for debugging Pinia stores with Vue DevTools? Any pro tips? 🍍
000
Mastering Pinia @masteringpinia.com · 05/09/2025
What new Pinia or Pinia Colada features are you hoping Posva will announce next? 😅
010
Mastering Pinia @masteringpinia.com · 04/09/2025
Are you leveraging Pinia’s TypeScript support for type-safe stores? How’s it working for you? 🤔
000
Mastering Pinia @masteringpinia.com · 03/09/2025
A community member asked us: How is the “v-for="[tabId, title]” Syntax used in tabList? Our answer👇 This syntax is versatile, & you can use it directly in your code. Plus, you can also utilize "v-for="{ id, other } in" or replace "in" with "of" – all achieving the same result.
110
Mastering Pinia @masteringpinia.com · 02/09/2025
Learn how to build a Tabs Manager Solution using inject/provide for tightly-coupled Vue components. Boost your app's maintainability with this advanced dependency injection exercise. Check it out now! masteringpinia.com/lessons/creating…
010
Mastering Pinia @masteringpinia.com · 01/09/2025
Fun Fact: Why the Name Pinia? Did you know Pinia is named after "piña" (Spanish for pineapple)? 🍍 It symbolizes individual stores joining together to form a single, delicious state management solution. A nod to Eduardo's creative naming! Try pronouncing it “peenya” for fun.
010
Mastering Pinia @masteringpinia.com · 29/08/2025
Are you going to build anything this weekend with Pinia or Pinia colada? If yes, feel free to share a link to your project! 🤓
000
Mastering Pinia @masteringpinia.com · 28/08/2025
💡Advice: Optimize Pinia for SSR Using Pinia with Nuxt? Always install Pinia before Pinia Colada for seamless SSR support. This ensures proper hydration and caching.
010
Mastering Pinia @masteringpinia.com · 27/08/2025
How do you combine Pinia stores with Pinia Colada for complex async state management? Share your patterns! 👇
010
Reposted by Mastering Pinia
Eduardo.𝚟𝚞𝚎 @esm.dev · 27/08/2025
You have asked me this a lot, so here it is! Announcing the Pinia Store 🎉 pinia.store
pinia.store
Pinia Store
Official Pinia shop for merch.
2276
Mastering Pinia @masteringpinia.com · 25/08/2025
Have you tried Pinia Colada’s infinite scrolling API? What’s your feedback on its declarative approach? 💻
010
Mastering Pinia @masteringpinia.com · 22/08/2025
What’s the trickiest state management issue you’ve faced with Pinia, and how did you solve it? 😏
010
Mastering Pinia @masteringpinia.com · 21/08/2025
💡Tip of the day: Fetch data effortlessly with Pinia Colada’s `useQuery`. Automatic caching and deduplication included! How are you using useQuery?
020
Mastering Pinia @masteringpinia.com · 20/08/2025
How do you handle server-side rendering (SSR) with Pinia Colada in Nuxt apps? Any tips for smoother integration? 💡
020
Mastering Pinia @masteringpinia.com · 19/08/2025
📢 It’s coming! Certificates.Dev’s Vue.js Free Weekend is Aug 23–24! 🆓 FREE 48h Official Vue.js Mid-Level Cert Training: Pinia challenges, trial exam & more. Let’s upgrade your skills: certificates.dev/vuejs/free-weekend
020
Mastering Pinia @masteringpinia.com · 18/08/2025
Are you using Pinia Colada’s useQuery or useMutation in your projects? How do they compare to TanStack Query? 🤔
010
Mastering Pinia @masteringpinia.com · 15/08/2025
💡 Tip: Simplify Pinia Store Creation Here’s a quick counter store example: Use it in your Vue component with `const counter = useCounterStore()`
010
Mastering Pinia @masteringpinia.com · 14/08/2025
What’s your favorite Pinia Colada feature for simplifying data fetching in Vue? Let’s hear your use cases! 👩‍💻
041
Reposted by Mastering Pinia
Eduardo.𝚟𝚞𝚎 @esm.dev · 14/08/2025
What would you do if someone opened an issue or discussion like this in your OSS repo? 😅
5111
Mastering Pinia @masteringpinia.com · 13/08/2025
Unit Testing Stores: What do you know about it? Check out this lesson where we will cover everything there is to know about unit testing stores with Pinia. 🍍 masteringpinia.com/lessons/unit-tes…
010
Mastering Pinia @masteringpinia.com · 12/08/2025
How do you organize your Pinia stores in large Vue 3 apps to keep them maintainable? Share your folder structure! 🪜
110
Mastering Pinia @masteringpinia.com · 11/08/2025
🔥 Today we have a special announcement for you: Certificates.Dev’s Vue.js Free Weekend is Aug 23–24! Get 48h FREE Official Vue.js Mid-Level Cert Training with Pinia focus, code challenges & trial exam. Are you ready? Sign up now: certificates.dev/vuejs/free-weekend
020
Mastering Pinia @masteringpinia.com · 08/08/2025
💡Tip of the day: Pinia integrates with Vue Devtools for inspecting and debugging your stores. Vue Devtools provides a dedicated tab for viewing and manipulating Pinia store state, making it easier to debug your application's state management.
010
Mastering Pinia @masteringpinia.com · 07/08/2025
🤔A community member asked us: "How does the “n ref” keep its value once it is destroyed?” 🤓 Here’s our answer: The “n: ref“ syntax is used to create a reference that persists across component re-renders, the value stays untouched, just the reactivity stops working.
010
Mastering Pinia @masteringpinia.com · 06/08/2025
Create a basic Vue 3 `effectScope` 👩‍💻 Vue offers effectScope as a container for reactive effects. You can create one using effectScope() and run effects within it using scope.run().
000
Mastering Pinia @masteringpinia.com · 05/08/2025
Interested in learning how to test stores and components that consume stores? 🏬 We’ve got your back, check this out: masteringpinia.com/lessons/introduc…
010
Mastering Pinia @masteringpinia.com · 04/08/2025
Stop an `effectScope` to clean up effects ⛏️ To prevent memory leaks, you can stop an effectScope using scope.stop(). This will clean up all effects within the scope.
000
Mastering Pinia @masteringpinia.com · 01/08/2025
Nest effectScopes for hierarchical management 🔍 You can create nested `effectScopes` to organize your effects. This helps in managing complex reactive logic.
000
Mastering Pinia @masteringpinia.com · 30/07/2025
💡Tip of the day: Detach `effectScope` for Global Store Management To create a global store that transcends component lifecycles, use effectScope(true) to detach the scope. Beware this needs extra handling for SSR Apps ⚠️⬇️
120
Mastering Pinia @masteringpinia.com · 29/07/2025
A community member asked us: "How can I create separate Pinia store instances for multiple embedded Vue apps on a single CMS page?" Here's our answer: Each app does app.use(createPinia()). 😊
000
Mastering Pinia @masteringpinia.com · 28/07/2025
Singleton Store: One Store to Rule Them All 📈 Ever accidentally create multiple copies of your store, leading to chaos? A WeakMap in defineStore guarantees there's only one instance per function. This keeps your state management predictable and efficient.
010
Mastering Pinia @masteringpinia.com · 25/07/2025
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.
010
Mastering Pinia @masteringpinia.com · 24/07/2025
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-are…
masteringpinia.com
Mastering Pinia | Learn from the creator of Pinia
The ultimate course for mastering the officially recommended State Management solution for Vue.js. Created by Eduardo San Martin Morote, the author of Pinia.
010
Mastering Pinia @masteringpinia.com · 23/07/2025
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.
010
Reposted by Mastering Pinia
Baptiste Leproux @larbish.bsky.social · 22/07/2025
@nuxt.com x @supabase.com module is now compatible with Nuxt 4 ☑ 👉 github.com/nuxt-modules...
github.com
GitHub - nuxt-modules/supabase: Supabase module for Nuxt.
Supabase module for Nuxt. Contribute to nuxt-modules/supabase development by creating an account on GitHub.
0142
Reposted by Mastering Pinia
Eduardo.𝚟𝚞𝚎 @esm.dev · 18/07/2025
vue-router build powered by tsdown + rolldown ✨
2384
Reposted by Mastering Pinia
Certificates.Dev @certificates.dev · 22/07/2025
Vue.js Free Weekend - Aug 23 & 24 48hrs of FREE access to @vuejs.org cert training, designed to prep you for the official exam reviewed by @evanyou.me 💻 Code challenges 🧠 10 MCQs + 1 code task (trial exam) 📚 Covers Composition API, Pinia,Vue Router & more Sign up👇 certificates.dev/vuejs/free-w...
certificates.dev
Certificates.dev Free Weekend | Free access to Vue.js Developer Certification Training
Unlock 48 hours of free access to the Certified Vue.js Developer Training on August 23 - 24 2025. Dive into theory, coding challenges, quizzes, and a trial exam.
065
Mastering Pinia @masteringpinia.com · 21/07/2025
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.
020
Mastering Pinia @masteringpinia.com · 18/07/2025
🔥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.
010
Mastering Pinia @masteringpinia.com · 17/07/2025
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-does…
010
Mastering Pinia @masteringpinia.com · 16/07/2025
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-st…
masteringpinia.com
Mastering Pinia | Learn from the creator of Pinia
The ultimate course for mastering the officially recommended State Management solution for Vue.js. Created by Eduardo San Martin Morote, the author of Pinia.
020
Mastering Pinia @masteringpinia.com · 15/07/2025
🔥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.
000
Mastering Pinia @masteringpinia.com · 15/07/2025
Enhance your Pinia stores with @aiddio.bsky.social. 🍍 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. bsky.app/profile/aidd...
010
Mastering Pinia @masteringpinia.com · 14/07/2025
🙍‍♂️A community member asked us: “I am already experienced with Pinia, is Mastering Pinia beneficial for me?” 🙆‍♀️ Even if you have prior experience with Pinia, you will still learn many of the best practices and how to avoid some of the common pitfalls. ⬇️
110
Mastering Pinia @masteringpinia.com · 11/07/2025
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?
010
Mastering Pinia @masteringpinia.com · 10/07/2025
What is the difference between the Basic & Complete Course in Mastering Pinia? 🤔 The Basic Course contains a limited set of lessons and exercises with the idea of you getting to know at least a fundamental portion of the overall course, as the name suggests. 👇
110
Reposted by Mastering Pinia
NuxtLabs @nuxtlabs.com · 08/07/2025
We are excited to announce that NuxtLabs is joining @Vercel.com to pursue our mission on creating the best DX to deliver the best UX. Read more at nuxtlabs.com
NuxtLabs is joining Vercel
27820