Loading...
Loading...
Error
Oops! Something went wrong
2. Branching Component Pattern
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Branching Component Pattern
00:00
Demonstration of GitHub Card Loading State
00:15
Component Structure: Before vs. After Pattern Implementation
00:34
Understanding the 'Before' Component's Script Setup
01:00
Examining the 'Before' Component's Template with V-if/V-else
01:52
The Core Idea and Benefits of the Branching Pattern
02:39
Script Setup Remains Unchanged in 'After' Component
03:15
Improved Readability of 'After' Component's Template
03:28
The Extracted GitHub Card Skeleton Component
03:53
The Extracted GitHub Card Content Component
04:18
Conclusion: Improved Maintainability with the Pattern
04:27
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen
