| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 클린코드
- 리팩토링
- 프론트엔드
- provider 패턴
- 회고
- context.api
- sharedworker
- 이것저것
- Function Region
- 자바스크립트
- MicroFrontEnd
- 웹워커
- radixui
- Web
- JavaScript
- AI
- 에세이
- 아키텍처
- 티스토리챌린지
- 오블완
- frontend
- CustomHook
- virtaullist
- CRA
- react
- Webworker
- vite
- TypeScript
- MFA
- 리액트
Archives
- Today
- Total
목록radixui (1)
Lighthouse of FE beginner
[React] Radix UI를 활용해 MultiSelect 컴포넌트 구현하기
들어가며이번 포스팅에서는 @radix-ui/react-select 패키지를 활용해 Multiple Select 컴포넌트를 구현해보도록 하겠습니다. Radix UIRadix UI는 Headless UI 라이브러리 입니다.Headless UI 라이브러리란 다른 UI 라이브러리와 다르게 디자인이 입혀진 컴포넌트를 제공하는 것이 아닌 디자인 없이 해당 컴포넌트의 기능만을 제공하는 라이브러리 입니다. 디자인을 제공하는 라이브러리는 MUI, antd, Chakra UI 와 같은 라이브러리가 있습니다.위 라이브러리 모두 컴포넌트와 기본 디자인을 제공해 디자이너가 없는 프로젝트의 경우 프로젝트를 빠르게 구현할 수 있다는 장점이 있습니다.하지만 위 라이브러리의 디자인을 커스텀 하려면 공수가 상당히 많이 들어가는 편이고 ..
[WEB] 프론트엔드
2024. 8. 1. 09:55