React / Next

Hook은 React 16.8부터 도입된 기능으로, React를 배우거나 사용해 본 사람이라면 누구나 써봤고, 또 많이 쓰고 있을 기능일 텐데, 이 Hook은 대체 어떤 원리로 동작하는 걸까? 어떻게 컴포넌트가 계속 리렌더링되고 변경되는 것과 무관하게 상태를 관리할까?

리액트 디자인 패턴에 관한 글을 여럿 찾아 보면, 대체로 구조 설계(특히 폴더 구조 관리)와 business logic - view logic의 관리 부분에 초점이 맞춰진 느낌이다.

웹에서 현재 링크를 SNS에 공유하는 기능을 요청 받았다. 처음에 요청 받은 건 기본 링크 복사, 카카오톡 공유, 그리고 인스타그램 공유였는데, 인스타그램은 공유 기능을 web api로는 제공하지 않는 듯하여 일단은 트위터 공유로 수정하기로 하였다. 링크 복사 링크

특정 state를 기준으로 동적으로 서버 url을 변경해야 하는 요구사항이 생겼다. 어떻게 구현해야 좋을지 고민하며 이런 저런 방법을 찾아보던 중, 해당 상태를 리덕스에 저장한 뒤, baseQuery를 함수 꼴로 사용하여 이를 읽어오는 방식을 택했다.