Skip to content

Commit

Permalink
3장 정리
Browse files Browse the repository at this point in the history
  • Loading branch information
WooWan committed Dec 21, 2023
1 parent 535bb70 commit 900df03
Showing 1 changed file with 50 additions and 0 deletions.
50 changes: 50 additions & 0 deletions 3장/정리.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
# 서준환
useEffect에서 게으른 초기화를 사용하면 리렌더링 시에 함수가 호출되지 않는다.

useContext는 주로 Compound component 패턴에서 주로 사용하고 있다.

고차 컴포넌트 대신 커스텀 훅과 합성 컴포넌트로 대부분 처리하고 있다.

# 우창완
왜 forwardRef를 사용해야 할까?
ref 대신 inputRef 와 같은 prop으로 전달할 수도 있는데 협업 관점에서(코드 가독성) forwardRef를 사용하는 것이 좋다.
또한, 16.3 이전 버전과의 호환성을 위해서도 forwardRef를 사용해야 한다.

useLayoutEffect는 UI와 애니메이션을 처리할 때 유용하게 사용할 수 있을 것 같다.

# 김동규

Vue에서는 useState와 다르게 Proxy를 사용하여 상태를 관리한다.

useMemo, useCallback 같은 경우, Vue에서는 computed를 통해 메모이제이션을 구현한다.

마찬가지로, 고차 컴포넌트 대신 커스텀 훅을 주로 사용한다.

# 권오연
useDebugValue는 리액트 디버그 툴에 남는다.


# 오혜성

useEffect에서 관심사에 따라 분리해서 한 useEffect가 너무 커지는 것을 방지한다.

비동기 함수는 기술적 이슈가 아닌, race condition 때문에 사용을 지양한다.

useContext의 경우, 상태 관리가 아닌 상태 주입의 목적으로 사용한다.

useCombinedRefs를 사용하여 여러가지 ref를 합쳐서 사용한다.


# 정대윤

useContext 를 사용하여 컴포넌트와 강하게 결합될 경우 테스트, 유지보수가 어려웠다

# 이은지

useState 클로저에 대해서 와닿지 않았다.

useRef의 경우 컴포넌트 외부에 변수를 선언하는 것과 차이점이 존재

useContext의 경우, 가까운 Provider의 값을 조회한다.

최상위에서만 훅을 호출해야 한다. (반복문, 조건문, 중첩된 함수 내에서 호출할 수 없다.) 이 규칙을 따라야만 **컴포넌트가 렌더링될 때마다 항상 동일한 순서로 훅이 호출되는 것을 보장할 수 있다

0 comments on commit 900df03

Please sign in to comment.