소개
React의 기본 개념 중 하나인 Context, Provider, useReducer에 대해 설명한다.
기본 설명
Context
- 상태 저장 공간
typescript
Proivder
- 상태 제공
- Context를 통해 만들어진다
typescript
useReducer
- 상태 변환
- 크게 state, dispatch로 사용할 수 있다.
typescript
대표 예제
- Alert, Confirm 시스템 만들기
types.tsx
typescript
AlertProvider
typescript
AlertModal
typescript
샘플 코드
typescript