Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Modern Vue Architecture and Composables

via CodeSignal

Go to class Write review

Overview

You'll refactor your task manager into a scalable Single Page Application (SPA). Learn to extract reusable logic into "composables," set up client-side routing with Vue Router, manage component lifecycles, and implement a simple global state management solution.

Syllabus

  • Unit 1: Custom Composables in Vue
    • Create Your First Vue Composable
    • Filtering Todos with Computed Properties
    • Add Todos with Unique IDs
    • Refactor App to Use Composables
  • Unit 2: Vue Router Essentials
    • Enable Routing in Your Vue App
    • Set Up Basic Vue Router Routes
    • Build a Vue Router Navigation Layout
    • Move the Task Manager to a View
    • Create an About Page View
  • Unit 3: Vue Lifecycle and Cleanup
    • Sync State with Local Storage
    • Sync State Changes with LocalStorage
    • Clean Up Event Listeners in Vue
    • Computed Watchers and Cleanup in Vue
  • Unit 4: Advanced State Management
    • Make State Shared Across Components
    • Add a Computed Filtered Todos Property
    • Show Shared State in the Layout

Reviews

Start your review of Modern Vue Architecture and Composables

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.