Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[이은지] 3장: 리액트 훅 깊게 살펴보기 #23

Merged
merged 1 commit into from
Jan 17, 2024

Conversation

eunddodi
Copy link
Contributor

리뷰하기...메모

Copy link
Member

@hyesungoh hyesungoh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 👍 고생하셨습니다 👍 👍

Comment on lines +6 to +9
- 게으른 초기화
- **'초깃값은 최초에만 사용된다.' 196p → 그럼 자바스크립트 연산도 한 번만 실행되는 거 아니야?**
- global.states에는 연산 결과가 저장될 거 아니야.
- initialState가 인수로 전달이 되어야 하니까 그때 자바스크립트 연산이 이뤄지나보다.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

function 부모() {
  const [a, setA] = useState(0)
  return <자식 a={a} />
}

function 자식(a) {
  const [b, setB] = useState(a)
  return <>{b}</>
}

요련 경우에서 부모가 a를 바꾸었을 때를 말씀하시는 것인지???

a를 바꾸었을 때 b가 바뀌는지??

Comment on lines +38 to +39
- ### useRef
- 🤔 다들 useRef를 어떤 경우에 주로 사용하시나요 ?
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

dom에 접근해야하는 경우가 1순위인거 같고

책 내용처럼 값을 저장해야하는 경우 정도일 거 같아유

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저도 혜성님과 비슷합니다! setTimeout의 타이머 저장할때..?

Copy link
Contributor

@Dongkyuuuu Dongkyuuuu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고 많으셨습니다!!!!!!!!!

- state의 race condition을 야기할 수 있다.
- [What are good alternatives to data fetching in Effects?](https://react.dev/reference/react/useEffect#what-are-good-alternatives-to-data-fetching-in-effects)
- ### useMemo
- **렌더링이 발생할 때** 의존성 배열 값의 변화 여부를 검사
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"렌더링이 발생할 때"가 트리거였군요 놓쳤던 부분이였네요...

Comment on lines +38 to +39
- ### useRef
- 🤔 다들 useRef를 어떤 경우에 주로 사용하시나요 ?
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저도 혜성님과 비슷합니다! setTimeout의 타이머 저장할때..?

- HOC의 이름은 with로 시작해야 한다
- 부수효과를 최소화해야 한다
- 대표적으로 인수로 받은 컴포넌트의 props를 임의로 수정, 추가, 삭제해서는 안된다. 수정할 경우 HOC를 이용하는 입장에서 props가 변경될지도 모른다는 사실을 계속 염두에 둬야 하는 부담감이 생긴다.
- [Higher Order Components는 여전히 유용하다](https://blog.hwahae.co.kr/all/tech/11631)
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@hyesungoh hyesungoh merged commit 723f913 into main Jan 17, 2024
1 check passed
@hyesungoh hyesungoh deleted the 3장/이은지 branch January 17, 2024 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants