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

✍ Scribed by Lachlan Miller

• Publisher: Gumroad
• Year: 2021
• Tongue: English
• Leaves: 163
• Category: Library

✦ Table of Contents

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