일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- background tab
- react-helmet
- React API 참고서
- React 18
- next13 head
- 고급안내서
- getUTCDate
- Nextjs
- background setInterval
- CSS
- context
- hook
- react hook
- React 18 Nextjs
- background: url
- React 고급안내서
- Render Props
- notFound()
- React18
- React 공식문서
- Programmers
- Next13
- react
- codingtest
- background setttimeout
- RTK Query
- Nextjs React 18
- React 고급 안내서
- Javascript
- Babel
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