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