Provider

[Flutter] Provider

Flutter에서 전역 상태 관리를 하거나 위젯간에 상태를 공유하기 위해 사용되는 Provider를 알아보자 provider | Flutter Package Provider란 만약에 부모 커스텀 위젯에 있던 state를 자식 커스텀 위젯으로 보내고 싶으면 3-step으로 보내야 한다. 하지만 부모 → 자식이 아니라 부모 → 자식 → 손자 위젯으로 보내고 싶으면 어떻게 할까? 2번 보내면 된다 하지만 상태를 표시하기 위해 불필요한 위젯들이 re-build 되면서 성능 이슈가 발생할 수 있고 커스텀 위젯이 많아지면 많아질 수록 끔찍해진다 Provider는 이 문제를 해결하기 위해 등장했으며, 이렇게 동일한 상태(데이터)를 전역적으로 다른 위젯들과 공유할 때 사용한다 전송 없이 모든 위젯이 state를 직접 ..

@inject 와 Provider

@inject 와 Provider 프로바이더에 props로 넣고, @inject로 꺼내 쓴다고 보면 된다 상당히 명시적이고 편하다 컨테이너를 쓰지 않아도 될 것 같지만 컨테이너를 중간에 작성 해 주는것이 프레젠테이션 컴포넌트의 테스트와 분리를 위해서 훨씬 좋다 props로 바꿔준다 this.props.store 설정해 보자 // index.js const root = ReactDOM.createRoot(document.getElementById("root")); root.render( ); // app.js export default inject("personStore")(observer(App)); mobx-react에서 가져온 inject로 다시 한 번 감싸준다 감싸면서 한 번 더 실행을 한다 그 안..