Signal 기반 primitive 패턴으로 Angular 상태 관리의 composition 체계 구축함

Context

Angular 애플리케이션에서 client state, server state, URL state를 각각 별도로 관리하여 단일 진실 공급원 원칙이 위반됨. 기존 Angular signals만으로는 복잡한 상태 로직의 composition과 type-safety를 충분히 보장하기 어려움.

Technical Solution

• Primitive 패턴: state, query, mutation, asyncProcess, queryParam 등 각 상태 유형에 맞는 primitive 제공함. 공통 구조(config + insertions)로 일관된 mental model 형성함
• Insertion 시스템: modifier, reaction, derived state를 삽입 방식으로 조합함. primitive(config, insertion1, insertion2, ...) 형태로 유연하게 확장 가능함
• Store craft: 여러 primitive를 조합하여 상위 수준 오케스트레이션 가능함. composable architecture로store 간 계층 구성 가능함
• Type-safe 보장: 모든 state 구조와 mutation payload, query params가 완전하게 타입 추론됨

Impact

experimental 단계로 production metrics는 존재하지 않음.

Key Takeaway

단일 mental model로 여러 유형의 상태를 동일한 composition 패턴으로 관리 가능함. Angular signals 위에서 insertion 기반 composition을 구현하면 declarative하고 type-safe한 상태 관리 달성 가능함.