useState 를 구현해봅시다 (?) 🤡

[tkp12345]

useState 는 어떤기능을 할까 ? 알아야 구현하제

1. 초기값 설정

• 직접 값 전달: useState(0)
• 지연 초기화 (lazy initialization): setState(() => expensiveComputation())

*지연 초기화 

🧑🏻‍🎨 일반 방식 - 매 렌더링마다 expensiveComputation() 실행
const [state, setState] = useState(expensiveComputation());

🧑🏻‍🎨 지연 초기화 - 첫 렌더링 때만 실행
const [state, setState] = useState(() => expensiveComputation());

2. 상태 업데이트

• 직접 값 설정: setState(5)
• 함수형 업데이트: setState(prev => prev + 1)

3. 불변성 비교

Object.is() 알고리즘으로 이전 값과 비교
같은 값(주소)이면 리렌더링 스킵

4. 클로저 활용

각 훅 호출마다 고유한 인덱스 유지
렌더링 간 상태 보존

5. 배치 업데이트

[tkp12345]

조금씩 같이 해보면 좋겠네요 멘토링떄 공유드리겠습니다 🤡