일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- array
- TypeScript
- 리액트
- 브라우저
- 원티드
- 프로그래머스
- 컴포넌트
- JS
- react localStorage
- 프론트엔드
- 자바스크립트
- Redux
- 알고리즘
- localstorage
- JavaScript
- Frontend
- 프리온보딩
- 파이어베이스
- Component
- 타입스크립트
- axios
- CORS
- state
- es6
- firebase
- 비트 연산자
- Reducer
- til
- v9
- react
Archives
- Today
- Total
목록MobX (1)
도리쓰에러쓰
[React] 상태관리 라이브러리 어떤걸 써야할까?
리액트를 사용하면 빠질 수 없는 라이브러리가 바로 '상태 관리 라이브러리'이다. 뷰나 앵귤러와 비교했을 때 가장 큰 차이점은 단방향 바인딩인데, 부모 컴포넌트에서 자식 컴포넌트로만 state를 props로 전달할 수 있고, 반대로 부모 컴포넌트로 props를 직접 전달할 수는 없다. 자식 컴포넌트에서 부모 컴포넌트에 있는 state를 변경하려면 setState를 props로 넘겨줘야 한다. 이것이 반복되다 보면 Props Drilling이 발생하게 되고 프로젝트의 규모가 커질수록 props의 depth가 증가하게 된다. 이는 불필요한 리렌더링을 발생시킬 수 있다. 그럼 props로 모든 state를 관리하는 것은 추천하지 않는가? 컴포넌트의 재활용성, 의존성 분리 등의 측면에서의 props를 state로..
React/React
2022. 8. 18. 16:22