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

Description

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