react mixin 작업

Question

공통으로 쓸 함수를 모아서 사용에 따라 불러와서 사용하고 싶은데(ex 날짜포맷, 가격 단위 콤마 등등), react는 mixin을 안쓰는것 같아보여서요~ hoc 을 보았는데, 이건 아닌것같고, hoc은 아무리 읽어봐도 언제 쓰는게 맞는건지 모르곘어여 ㅠㅠ

손정현 · Answer

안녕하세요!
질문자님의 문제가 정확히 어떤 것인지 잘 모르겠지만, 일반적으로 공통으로 쓸 함수는 hook으로 대체가 되지 않을까 싶습니다.

좀 된 글이긴하지만 (https://ko.reactjs.org/blog/2016/07/13/mixins-considered-harmful.html) 리액트 팀이 왜 mixin을 안쓰는지, 다른 방법이 뭐가 있는지 기술한 블로그니 참고해보세요!

기타 참고 자료도 첨부합니다!
- https://www.infoq.com/presentations/react-custom-hooks/
- https://www.benmvp.com/blog/react-custom-hooks-mixins/
- https://kooku0.github.io/blog/react%EA%B0%80-class-component%EC%97%90%EC%84%9C-functional-component%EB%A1%9C-%ED%8C%A8%EB%9F%AC%EB%8B%A4%EC%9E%84%EC%9D%84-%EC%A0%84%ED%99%98%ED%95%9C-%EC%9D%B4%EC%9C%A0/
- https://benmccormick.org/2019/02/11/reusable-react