| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- MFA
- 프론트엔드
- radixui
- 이것저것
- 클린코드
- TypeScript
- provider 패턴
- 회고
- context.api
- 리팩토링
- 자바스크립트
- CRA
- 티스토리챌린지
- virtaullist
- 웹워커
- server component
- 오블완
- CustomHook
- Web
- 리액트
- 합성 컴포넌트
- MicroFrontEnd
- frontend
- 아키텍처
- JavaScript
- 에세이
- sharedworker
- Webworker
- react
- vite
Archives
- Today
- Total
목록provider 패턴 (1)
Lighthouse of FE biginner
[React] Context.API를 사용해 Provider 패턴 구현하기
Overview최근 업무에서 구현된 AlertDialog를 Swal 라이브러리와 비슷한 형태로 사용 가능하게 POC가 가능하냐는 요청이 들어왔습니다. Swal 라이브러리는 Sweet Alert의 약자로 Alert 컴포넌트를 Promise 단위로 다루어 선언적이고 쉽게 Alert를 다룰 수 있는 라이브러리입니다. 구현된 Alert Dialog 컴포넌트는 radix-ui/react-alert 라이브러리를 활용해 구현이 됐으며 해당 컴포넌트를 사용하기 위해서는 컴포넌트를 랜더링 시키고 props를 넘겨줘야 합니다. AlertDialog를 사용하는 곳 페이지 혹은 컴포넌트 마다 랜더링 하도록 구현하는 것은 상대적으로 많은 코드 중복이 발생할 뿐더러 개발 경험이 저하됩니다. 하여 Swal 라이브러리 처럼 사용처에..
[WEB] 프론트엔드
2024. 9. 6. 17:30