가상 DOM 없이 반응성을 구현하는 SolidJS
Key Point
가상 DOM 없이 반응성 시스템으로 성능을 최적화한 새로운 UI 프레임워크의 설계와 기능을 이해해야 프론트엔드 기술 선택에 참고할 수 있다.
핵심 요약
- SolidJS는 JSX 기반 JavaScript UI 라이브러리로, 가상 DOM 대신 템플릿을 실제 DOM 노드로 컴파일한 뒤 세밀한 반응성으로 업데이트한다.
- 상태 변경 시 해당 상태에 의존한 코드만 다시 실행되는 방식으로, 불필요한 리렌더링을 최소화한다.
- createSignal 같은 반응형 원시 타입을 사용해 선언적 상태 관리를 제공하며, 컴포넌트는 한 번만 실행되는 일반 JavaScript 함수다.
저장소 보기 ↗github.com