Svelte 첫인상 on redgoose note

Svelte 첫인상

Nest: Development Category: Javascript 2021-01-18

svelte.png

react x reroil 기술문서를 찾아보려다 우연히 Svelte를 알게되었는데 리엑트와 뷰를 섞어놓은 느낌으로 두 라이브러리보다 더 개선된 인상이다.
리엑트보다 더 단순해지는 모습과 뷰보다 더 네이티브한 모습을 보여준다.

하루종일 흥미롭게 https://svelte.dev/tutorial/basics 튜토리얼 문서를 들여다 보았다.
흑마술이 살짝 들어있긴 하지만 그래도 작성된 컴포넌트 코드의 모습이 대단히 심플하다. 리엑트에서 겪었던 짜증남을 겪지 않아도 되는 모습에서 인상적이다.

상태관리인 Stores 부분은 리엑트의 recoil과 왠지 사용방식이 비슷하다는 느낌을 많이 받는다.
recoil때문에 리엑트를 사용하려고 했는데 리엑트 자체가 하드코어하다보니 recoil조차 하드코어해버리는거 같다.

좀 단순하게 쓸 수 없는것인가... 레퍼런스도 타입스크립트도 끼얹어있다보니 더 골때린다. ;
가독성이 좋은 코드를 추구하는 나에게는 Svelte 문서를 보니 리엑트는 다시 관심에서 벗어나게 된다. 흠..

튜토리얼을 보아하니 될거 다 되는 인상이다.
뷰나 리엑트보다 컴포넌트에서 규칙이 덜 강제되어있다보니 코드 설계하는 모습이 다양하게 될것이라 보인다. 아무래도 좀 설계에 시행착오를 겪게 될것이다.