728x90 반응형 SMALL 상태관리2 상태관리 라이브러리 비교(Redux/MobX/Recoil) 리액트는 뷰나 앵귤러와 비교했을 때 가장 큰 차이점이 단방향 바인딩이다. 부모 컴포넌트에서 자식 컴포넌트로만 state를 props로 전달할 수 있으며, 자식 컴포넌트에서 부모 컴포넌트로 props를 직접 전달할 수 없다는 것이다. 자식 컴포넌트에서 부모 컴포넌트에 있는 state를 변경하려면 setState를 props로 넘겨줘야 하는데, 이것이 반복되면 Props Drilling이 발생하게 되며 프로젝트 규모가 커질수록 props의 depth가 증가하게 된다. 이렇게 되면, 불필요한 리렌더링이 발생하는 등 비효율적이다. 따라서, 리액트 props로만 state 관리를 하지 않고, 상태관리 라이브러리도 사용할 필요가 있다. 대표적인 상태관리 라이브러리 - Redux, MobX, Recoil 1. Red.. 2022. 12. 16. React에서 상태관리를 왜 할까? 상태(state)란? 상태관리를 왜 하는지 알아보기전, 상태가 무엇인지 알고 있어야 한다. 오늘날 웹 어플리케이션에서 상태는 동적이면서, 렌더링에 영향을 주는 값이라고 할 수 있다. 리액트 공식 문서 참고 Plain Javascript Object hold information influences the output of render 리액트는 그 자체 만으로도 상태를 관리할 수 있는 수단을 제공한다. 예를 들어서, useState, useReducer, Context API 등 그래서 서드 파티 라이브러리(제 3자 라이브러리)를 도입해서 상태를 관리할 때는, 라이브러리가 쓰여야하는 명확한 이유와 그 쓰임새에 대해 생각해보아야한다. 상태관리를 왜 할까? 리액트는 가상돔을 이용한다. 컴포넌트가 변화할 때 리.. 2022. 10. 18. 이전 1 다음 728x90 반응형 LIST
