Vidact: React를 컴파일해 Virtual DOM 없이 직접 DOM을 조작한다

Vidact – a compiler that turns React into direct DOM operations

Vidact는 React 함수 컴포넌트와 훅을 직접 DOM 조작으로 컴파일하는 컴파일러다. Virtual DOM, 리렌더링, 번들 내 React 코드가 모두 사라진다. 컴파일러는 각 표현식이 읽는 값을 추적하며, 컴파일할 수 없는 코드는 정확한 줄에서 빌드를 중단한다. 컴포넌트는 한 번만 실행되어 DOM을 구축하고, 상태 변경 시 해당 값을 읽는 업데이터만 실행된다. Vidact Start는 파일 라우팅, 서버 로더, SSR, 하이드레이션, 클라이언트 내비게이션을 제공하며, 서버와 브라우저 출력이 동일하게 생성된다.