일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- zustand
- helm-chart
- Sparkplug
- prettier-plugin-tailwindcss
- jotai
- react
- 좋은 PR
- task queue
- Render Queue
- 주니어개발자
- Microtask Queue
- Redux Toolkit
- type assertion
- Recoil
- useCallback
- docker
- Headless 컴포넌트
- 명시적 타입 변환
- CS
- JavaScript
- 타입 단언
- useLayoutEffect
- linux 배포판
- AJIT
- 프로세스
- TypeScript
- Custom Hook
- 클라이언트 상태 관리 라이브러리
- Compound Component
- 암묵적 타입 변환
Archives
- Today
- Total
목록Custom Hook (1)
구리
[React] 변경에 유연한 Headless 컴포넌트 만들기
변경에 유연한 컴포넌트를 만들기 위한 방법 중 하나인 Headless 컴포넌트에 대해 정리한 글입니다.목차서론컴포넌트란프론트엔드 관점에서 컴포넌트란본론컴포넌트를 잘 만들어야 하는 이유Headless 컴포넌트Headless 컴포넌트가 필요한 이유Headless 컴포넌트 설계 방법Headless 컴포넌트로 리팩토링하기1. Compound Component2. Function as Children Component3. Custom HookHeadless 컴포넌트 장단점 Headless UI 라이브러리가 무조건 정답인가? 결론컴포넌트란일반적으로 기능적 단위로 각각의 독립된 모듈을 의미하며 프론트엔드 관점에서는 화면을 구성하는 UI 요소다.모듈일반적으로 프로그램을 구성하는 요소로 관련 데이터와 함수를 하나로 묶은..
React
2024. 1. 16. 21:05