Design Patterns for Vue.js - A Test Driven Approach to Maintainable Applications

About the Book
	About the Author
Design Patterns for Vue.js - a Test Driven Approach to Maintainable Applications
	Introduction
	The Book
	What To Expect
Patterns for Testing Props
	The Basics
	Adding a Validator
	Key Concept: Separation of Concerns
	Separation of Concerns - Case Study
	Another Example
	The real test: Does it refactor?
	Conclusion
Emitting Events
	Starting Simple
	Clean Templates
	Declaring emits
	More Robust Event Validation
	With the Composition API
	Conclusion
Writing Testable Forms
	The Patient Form
	A Mini Form Validation Framework
	The required validator
	The isBetween validator
	Building validateMeasurement with isBetween
	The Form Object and Full Form Validation
	Writing the UI Layer
	Some Basic UI Tests
	Improvements and Conclusion
	Exercises
HTTP and API Requests
	The Login Component
	Starting Simple
	Refactoring to a store
	To mock or not to mock?
	Mock Less - mock the lowest dependency in the chain
	Mock Service Worker
	Conclusion
	Exercises
Renderless Components
	Rendering without Markup
	Adding Password and Confirmation Inputs
	Adding Password Complexity
	Computing Form Validity
	Exercises
The Power of Render Functions
	Why Render Functions?
	Creating the Components
	Filtering Slots by Component
	Filtering default slots
	Adding Attributes to Render Functions
	What is h? A Crash Course
	Adding a Dynamic Class Attribute
	Event Listeners in Render Functions
	Filtering Content
	Testing Render Function Components
	Exercises
Dependency Injection with Provide and Inject
	A Simple Store
	Usage via import
	Adding a users forms
	Provide/Inject to Avoid Cross Test Contamination
	Provide in Testing Library
	A useStore composable
	Exercises
Modular Components, v-model, and the Strategy Pattern
	Foundations of v-model
	Deserializing for modelValue
	Deserializing modelValue
	Serializing modelValue
	Error Handling
	Deploying
	Exercises
Grouping Features with Composables
	Defining the Initial Board
	Computing the Current State
	Tests
	Setting an Initial State
	Making a Move
	Conclusion
	Exercises
Functional Core, Imperative Shell - Immutable Logic, Mutable Vue
	Functional Core, Imperative Shell
	Business Logic - The Functional Core
	Immutable makeMove
	Vue Integration - Imperative Shell
	Integrating makeMove
	Pushing Business Logic into the Functional Core
	Reflections and Philosophy
	Exercises