사람마다 취향이 다를 것 같은데, 저는 Angular, Vue등(이 라이브러리? 마크업? 포함)의 <li for> 보다, vanilla JS로 처리하는 JSX의 .map((item) => <li>) 이게 좋더라고요

저도 동감하는 부분입니다. HTML 에 추가되는 로직이 vanilla 가 아닌 자체 syntax 인 경우가 큰 허들입니다. 간단한 UI 구현은 문제 없지만 로직이 복잡한 경우는 개발 유연성에서 차이가 나고 학습곡선도 무시할 수 없습니다.