Component patterns
Component Patterns in Production
Move from demo components to resilient patterns with states, props, and documentation that survive release trains.
Duration: 7 weeks · studio cadence
Format: Hybrid studio
Price (informational): KRW 2,120,000
Overview
You build a miniature library covering loading, empty, and error states while learning how to sequence refactors. Critiques focus on API ergonomics and how patterns degrade when data is messy.
Included focus
- State matrix worksheets for complex props
- Story-driven documentation with visual diffs
- Refactor sequencing playbooks
- Paired code review with a mentor engineer
- Regression checklist for visual snapshots
- Office hours on performance budgets
- Guest session on design QA rituals
Outcomes
- Ship three documented patterns with tests
- Author a refactor plan the team voted on
- Run a design QA session using the checklist
Lead mentor
Jisoo Han
Design system engineer specializing in React and accessibility audits.
FAQ
Examples use React; concepts map to Vue/Svelte if you translate exercises yourself.
A machine that can run Storybook locally; we do not provide cloud build minutes.
We discuss multi-brand theming briefly, but not full white-label architectures.
Participant notes
“Component Patterns in Production finally connected our empty states to real telemetry hooks—mentor pushed on naming, not cosmetics.”
“Regression checklist is now part of our release template. Dense weeks; worth it.”
“Would like a slower week around snapshot testing, but critiques were specific to our repo.”