↑ ↓ navigate↵ selectesc close
🎧 Podcast Episode · S2E42WebDevStoryblok

Pinia Vue’s New State Management

Episode Sponsors.

Pinia Vue’s New State Management is a CodingCat.dev podcast episode featuring Eduardo San Martin Morote alongside Alex Patterson and Brittney Postma focused on WebDev. We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

  1. Can you tell us more about yourself?
  2. Why do you need state management in an application?
  3. Why was the decision made to replace the old state system?
  4. Is this the default state management tool for Vue?
  5. Is there potential to bake it into it in the future?

Links

Technical Overview: Pinia Vue’s New State Management

2.42 - Pinia Vue’s New State Management: We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system. https://codingcat.dev/podcast/2-42-Pinia-Vue's-New-State-Management Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 +

When applying the concepts from Pinia Vue’s New State Management in a production codebase, teams working with WebDev should align their implementation with the MDN Web Docs for Developers (Core web platform standards, browser APIs, and performance guides). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

Key Engineering Takeaways

  • Core Topic Focus: Practical strategies for WebDev covered in "Pinia Vue’s New State Management" (We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system.).
  • Production Implementation: Combine the architectural patterns demonstrated in this podcast with the official MDN Web Docs for Developers for type safety, performance, and long-term maintainability.
  • Hands-On Video Walkthrough: Follow along with the live coding demos and discussion on YouTube (Pinia Vue’s New State Management) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Pinia Vue’s New State Management on YouTube using the timestamped chapters below:

Resources, Links & Official Documentation

Related CodingCat.dev Tutorials & Podcast Episodes

Frequently Asked Questions (FAQ)

What are the main takeaways from Pinia Vue’s New State Management?

We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system. 2.42 - Pinia Vue’s New State Management: We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system. https://codingcat.dev/podcast/2-42-Pinia-Vue's-New-State-Management Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + Throughout this podcast, Eduardo San Martin Morote breaks down real-world implementation details for WebDev so developers can apply these patterns directly in production.

How do you implement WebDev best practices in production?

When adopting WebDev in a production stack, start by validating your configuration against the MDN Web Docs for Developers (Core web platform standards, browser APIs, and performance guides). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

Where can I watch the full Pinia Vue’s New State Management walkthrough and find related code resources?

You can watch the complete video session for Pinia Vue’s New State Management on the CodingCat.dev YouTube channel. For a deeper dive into WebDev, check out our related guide: Data Connect: All About Schemas in Firebase: Web Architecture & Implementation Guide.

✏️ Episode Summary

2.42 - Pinia Vue’s New State Management: We sat down with Eduardo San Martin Morote to chat all about how he helped to create Pinia, Vue’s New State Management system. https://codingcat.dev/podcast/2-42-Pinia-Vue's-New-State-Management Sponsors: Storyblok Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 +

✏️ Visual Architecture Diagram

how this episode connects together.

Follow AJ from first principles to production-ready architecture.

✏️ Visual Diagram: Pinia Vue’s New State Management
✓ Good PatternVISUAL DIAGRAM
Visual Diagram: Pinia Vue’s New State ManagementVisual architectural diagram showing: Step 1: Eduardo San Martin Morote (Mental model & why it matters) -> Step 2: Architecture & Patterns (Under the hood & live code) -> Step 3: Ship It Purrfectly (✓ Production trade-offs). Step-by-step diagram breakdown for Pinia Vue’s New State Management: start with Eduardo San Martin Morote, implement Architecture & Patterns, and ship to production.✓Step 01Eduardo San Martin MoroteMental model & why it matters✓Step 02Architecture & PatternsUnder the hood & live code✓Step 03Ship It Purrfectly✓ Production trade-offsunroll the yarn✓ production ready
[Diagram Walkthrough]Step-by-step diagram breakdown for Pinia Vue’s New State Management: start with Eduardo San Martin Morote, implement Architecture & Patterns, and ship to production.
AAA Contrast Verified