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

CodeSignal

Advanced Composition API and Production Readiness

via CodeSignal

Go to class Write review

Overview

You'll add the final polish to your task manager to make it production-ready. Learn to create advanced composables for complex component logic, implement a global theme system using provide/inject, build custom directives for DOM manipulation, and optimize your app's performance with lazy loading.

Syllabus

  • Unit 1: Advanced Composable Patterns
    • Writable Computed for Custom vModel
    • Editable Input with Custom vModel
    • Writable Computed for Todo Editing
  • Unit 2: Provide and Inject Patterns
    • Build a Reactive Theme Composable
    • Provide and Inject in Vue Apps
    • Inject and Use Provided State
  • Unit 3: Custom Directives in Vue
    • Create Your First Vue Directive
    • Register Your Custom Directive Globally
    • Auto Focus the Todo Input Field
  • Unit 4: Performance and Production Optimization
    • Lazy Loading a Vue Route
    • Boost Todo Performance with shallowRef
    • Persist Todos with Local Storage
    • Test Shallow Reactivity with Large Lists

Reviews

Start your review of Advanced Composition API and Production Readiness

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.