[%] 컴포넌트와 내부동작을 분리하려면 어케함?

[익명(118.235)]

원래 스크립트로 쓰던 코드를 gui로 옮기는 중인데

인터페이스와 외부 동작은 다 끝냈지만 내부 동작은 어떻게 연결함?

원래 스크립트를 그대로 인터페이스에 갖다박으면 인터페이스간 결합이 너무 심해지는데다

그러려면 원래 스크립트를 해체해서 낱낱이 박게 되는데 이건 상상만 해도 틀렸음

인터페이스와 내부 동작을 위한 스크립트가 서로 안섞이게 두려면 뭘 찾아봐야 함?

[black7375(223.38)]

UI 컴포넌트와 UI 상태로직 분리하고 싶으면 store hook 형태로 하면됨
https://ariakit.org/guide/component-stores
API
호출은 tanstack query 사용하셈

[꼴댕이(dwell3443)]

[익명(118.235)]

오 ㄱㅅㄱㅅ 키워드가 있으니 읽을게 많아서 좋네 관심사의 분리는 store hook 형태 외에는 괜찮은 방법이 없는거야?

[black7375(221.168)]

어떤 관심사 분리를 원하느냐에 따라 다를거 같은데.. 상태관리, 스타일, 비지니스 로직 등등

[black7375(221.168)]

개인적으로 컴포넌트 내부에서는 "데이터를 표시", "이벤트 핸들러 실행" 위주로 두는게 좋다고 생각하긴함

[익명(118.235)]

비즈니스 로직인데 ui는 최소한의 상태만 가지면서 분리할 방법을 찾고있었거든

[black7375(221.168)]

개인적 추천은 비지니스로직은 hook으로 분리하고 tanstack query처럼 서버 상태관리 라이브러리는 꼭 쓴다임
https://m.dcinside.com/board/github/64781
전역상태
관리할 이유가 없어짐
https://frontend-fundamentals.com/
도
참고 ㄱㄹ

[익명(118.235)]

뭔가 감이 잡힌다 내가 원하던 딱 대면으로서의 인터페이스네 귻슧

[익명(121.65)]

zustand나 Jotai 같은 가벼운 상태 관리 툴 써보셈