Foldkit - 정확성을 위한 프론트엔드 프레임워크

Effect 위에 구축되고 Elm 아키텍처처럼 설계된 TypeScript 프론트엔드 프레임워크로, 렌더링만 해결하는 React/Vue/Svelte와 달리 아키텍처 자체를 규정

• 애플리케이션 전체 상태를 하나의
  불변 모델로 관리하고 모든 변경이 단일 update 함수를 거쳐 흐르므로, 숨겨진 변형·오래된 클로저 없는 예측 가능한 상태 보장

• 사이드 이펙트를 핸들러에 숨긴 명령형 호출이 아니라 update에서 반환하는 값으로 다루는
  명시적 이펙트 방식 - Command가 무엇을 할지 서술하고 런타임이 언제·어떻게를 처리

• 50개 파일 앱도 5개 파일 앱과 같은 패턴을 따르는
  복잡도 증가 없는 확장성

• 별도 라이브러리 필요 없이
  주요 기능을 하나로 묶어서 제공

• 라우팅, UI 컴포넌트, 필드 검증, 모델 변화 구독, WebSocket 같은 장기 리소스의 생명주기 관리

• Submodel/OutMessage로 부모/자식 간 메시징, 호스트 안에서 Foldkit을 실행하는 Embedding

• Virtual DOM, Story/Scene 테스팅, DevTools(+MCP), 크래시 리포팅, HMR 등

• 명시적·예측 가능한 구조라
  LLM 코드 생성과 사람 리뷰 모두에 유리

• 컴포넌트·훅·로컬 상태가 없는 Elm 아키텍처 기반이라
  사고방식 전환이 필요하며, 기존 React 코드베이스에는 점진적 도입이 아닌 재작성 필요

• MIT 라이선스

댓글과 토론