lit-html 을 사용하려는 이유

vue, react 둘다 엄청 편하고 생산성을 높여주는 것은 분명하다.

하지만 현재 프로젝트를 진행하며 가장 중요하다고 생각하는 것이

spa를 위한 router, state management 등을 사용하며 "라이브러리를 사용하기 위한 라이브러리", "라이브러리를 사용하기 위한 프레임워크" 에서 벗어나는 것이다.

 

이로인한 장점은 다음과 같을 것이라고 생각한다.

 

1. 지나치게 고도화된 라이브러리의 프레임워크화 탈출

2. 깊은 수준까지 제어 가능

3. 개발을 위한 lib docs api 탈출

 

하지만 나는 개발 생산성 또한 중요하게 생각하는 요인중의 하나다.

일단 현재 구상중인 아키텍쳐를 직접 시도해보며 이전 개발구조와 현재 개발구조의 생산성 또한 면밀하게 검토할 것이다.

 

lit-html 같은 경우엔 docs를 봐보면 다음과 같은 문장이 있다.

lit-html is not a framework, nor does it include a component model. It focuses on one thing and one thing only: efficiently creating and updating DOM

DOM( 정확힌 custom dom )을 효과적으로 업데이트하고 만드는것에만 집중했다는 것이다.

애초에 만들때부터 DOM제어만 보고 만들었다는 것이다.

라이프 사이클이 없고, render도 어디에 해줄지 지정하면서 render 해야되며

childDom, parentDom에 대한 구조적인 제어를 직접 해줄수도 있다.

양날의 검같은 장점이지만 난 매력적이라고 생각하며

무엇보다 JSX로 변환하는 과정없이 native CustomElement api를 직접 활용한다는 것이 제일 큰 포인트였다.

 

그 외적인 router, state management 등은 직접 만들예정이다.