일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- context
- Programmers
- CSS
- background setttimeout
- react-helmet
- codingtest
- Javascript
- react hook
- React API 참고서
- Next13
- React 18
- notFound()
- hook
- next13 head
- react
- background: url
- 고급안내서
- React 18 Nextjs
- React18
- Nextjs React 18
- React 공식문서
- Babel
- Render Props
- React 고급안내서
- background setInterval
- Nextjs
- getUTCDate
- background tab
- RTK Query
- React 고급 안내서
Archives
- Today
- Total
목록React 고차컴포넌트 (1)
akjfal
고차 컴포넌트
고차 컴포넌트 HOC는 컴포넌트 로직을 재사용하기 위한 React의 기술로, 구성적 특징에서 나오는 패턴이며, 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수입니다. 컴포넌트는 props를 UI로 변환하는 반면, HOC는 컴포넌트를 새로운 컴포넌트로 변환합니다. 고차 컴포넌트는 Redux의 connect와 Relay의 createFragmentConmtainer와 같은 서드파티라이브러리에서 자주 볼 수 있습니다. Cross-Cutting Concerns에 HOC 사용하기 컴포넌트는 React의 코드 재사용의 기본 단위인데, 어떤 패턴은 기존 컴포넌트에 잘 적용되지 않을 수 있습니다. 해당 코드는 외부데이터를 구독해 댓글목록을 렌더링하는 CommentList라는 컴포넌트입니다. import React, { ..
(구)React 공식문서/고급 안내서
2023. 2. 16. 17:38