순수자바스크립트로 처음 이렇게 많이 작성해봤습니다.

리액트로 프론트엔드 공부를 시작해서 순수 자바스크립트를 작성해봐서 좋은 경험이었습니다.

조금 실습하다가 조금 궁금한 점이 생겨서 질문을 남깁니다.

Delegate라는 helper 함수를 사용했는데 조금 낯선 방식이어서 오래 봤습니다. 이런 패턴을 자주 사용하나요?

리액트를 사용할 경우,

리스팅되는 component에 이벤트 리스너를 붙일 때
items.map(item => <li onClick={() => handleClick(item.id)} >)
위와같이 사용했는데 이렇게 각 컴포넌트마다 이벤트리스너를 박아놓는건 좋지않은 방식일까요? 조언 부탁드립니다.