Section 1 - Composition API and Testing Basics

Reactive Updates using ref

Make the active period update dynamically by using `ref`, part of Vue 3's new reactivity API. We also see future benefits from TypeScript and the `Period` type we defined earlier.

The source code for the project at this point is found here.

1.0
Prerequesite Knowledge and Housekeeping
6:04
1.1
Creating the Timeline Component
6:13
1.2
Our First Test
6:11
1.3
Reactive Updates using ref
3:53
Synchronous Tests, Asynchronous Vue
6:01
Getting Started with TDD
3:31
Filtering Posts with Computed
6:51
Refactoring with Confidence
6:27