Solid.js 단상.

React

React의 가장 큰 단점은 상태관리와 async 처리이다.

const [count, setCount] = useState(0)

setCount(count + 1)
console.log(count) // 0

react를 제외한 나머지 대부분의 프레임워크는 여기서 1을 출력해준다.

Solid

const [count, setCount] = createSignal(1);
const double = () => count() * 2
return (
  <button
    onClick={() => {
      setCount(count() + 1)
      console.log(count()) // 2
      console.log(double()) // 4
    }}
  >
    {count()}, {double()} // 1, 2
  </button>
)

"와 이거 너무 좋은데?"

그리고, 구글 검색: solid.js hooks, solid.js router.

"너무 좋은데, 아직은 생태계가 부족하다!!"

여튼, React (정확히는 JSX) 가 가진 유연성을 거의 그대로 가지고 있으면서, Vue.js에서나 맛보던 상태관리의 명쾌함이 그대로 살아있다. 다만, 내 뇌가 JSX === React 라고 인지하는게 문제.

Solid Start가 조금 더 안정적인 프렝임워크가 된다면 실무에서도 써볼만할듯 하다.