From 900df034cc2690dac87d106bcf396d32b45180ca Mon Sep 17 00:00:00 2001 From: WooWan Date: Thu, 21 Dec 2023 17:39:22 +0900 Subject: [PATCH] =?UTF-8?q?3=EC=9E=A5=20=EC=A0=95=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "3\354\236\245/\354\240\225\353\246\254.md" | 50 +++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 "3\354\236\245/\354\240\225\353\246\254.md" diff --git "a/3\354\236\245/\354\240\225\353\246\254.md" "b/3\354\236\245/\354\240\225\353\246\254.md" new file mode 100644 index 0000000..e79e5c7 --- /dev/null +++ "b/3\354\236\245/\354\240\225\353\246\254.md" @@ -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의 값을 조회한다. + +최상위에서만 훅을 호출해야 한다. (반복문, 조건문, 중첩된 함수 내에서 호출할 수 없다.) 이 규칙을 따라야만 **컴포넌트가 렌더링될 때마다 항상 동일한 순서로 훅이 호출되는 것을 보장할 수 있다 \ No newline at end of file