SPA, React 쓸까 말까?

지금 나는 왜 React를 쓰고싶은걸까?

SPA를 보자마자 떠오르는 React

• 컴포넌트 기반이기 때문에 상태관리가 쉽고, 재사용이 쉽다
• 큰 커뮤니티와 풍부한 자료 덕분에 쉽게 배울 수 있다
• Flux 패턴을 사용하기 때문에 데이터의 흐름을 예측하기 쉽다

⇒ 아무래도 컴포넌트를 갈아끼우기 쉽고, Redux와 함께 쓴다면 상태관리가 쉬워지기 때문에 생각나는 것 같다.

그럼에도 불구하고 나는 왜 Vanilla JS가 쓰고싶을까?

React가 영원할까?

• 물론 페이스북이 만들었기 때문에 개인이 만든 Vue보다는 오래가지않을까 싶긴한데… 주류는 언제 바뀔지 모른다. 마스터클래스에서도 들었다싶이 10년전만 해도 JQuery보다 다른 프레임워크를 많이 쓸지 누가 알았을까.
• 밑 사진은 2022년 stackoverflow에서 조사한 web frameworks trand

출처 : https://insights.stackoverflow.com/survey/2021#most-popular-technologies-misc-tech

리액트가 없이도 컴포넌트 단위로 개발이 가능하긴 함

• vanilla JS도 커스텀 태그를 이용해서 재사용이 쉽고 관리도 쉽게 만들 수 있다
• 저번에 만든 store를 이용하면 커스텀 태그 attribute에 state값을 넣을 수 있다
• web component의 rerender기능을 이용해 attribute 값 변화시 재렌더되게 만들어 react의 hook처럼 사용할 수 있다