SolidJS — React와 닮았지만 다른 반응형 프레임워크

SolidJS의 반응성

SolidJS는 가상 DOM 없이 시그널로 직접 DOM을 업데이트합니다. React보다 세밀한 반응성을 제공합니다.

기본 예제

import { createSignal, createEffect } from "solid-js";

function Counter() {
  const [count, setCount] = createSignal(0);
  const doubled = () => count() * 2;  // 파생 상태

  createEffect(() => {
    console.log("Count:", count());  // 자동 추적
  });

  return (
    <button onClick={() => setCount(c => c + 1)}>
      {count()} (doubled: {doubled()})
    </button>
  );
}

차이점

컴포넌트 함수는 한 번만 실행됩니다. re-render 개념이 없습니다.