Foldkit - 정확성을 위한 프론트엔드 프레임워크
(foldkit.dev)- 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 라이선스