# mobx

61개의 포스트
post-thumbnail

Redux VS MobX

Redux VS MobX + MobX를 조금 더 곁들인

2022년 6월 21일
·
0개의 댓글

React 상태 관리 라이브러리들

Redux : 최초, 복잡하고 장황한 코드 필요 리덕스를 보완해서 나온 라이브러리들 ...

2022년 6월 12일
·
0개의 댓글
post-thumbnail

Recoil, Context api, redux, mobx, swr

recoil에 대해 얘기하기 전에 atoms 와 selector에 대해 잠시 짚고 넘어가면.atoms : 상태의 단위이며, 업데이트와 구독이 가능하다. 업데이트 되면 각각의 구독된 컴포넌트는 새로운 값을 반영하여 다시 렌더링된다. atoms는 런타임에서 생성될 수도 있

2022년 6월 11일
·
0개의 댓글

25) Recoil, Context api, redux, mobx, swr

context apicontext를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있다.일반적인 React 데이터는 위에서 아래로 즉 부모에서 자식으로 props를 통해 전달된다.하지만 여러 컴포넌트에게 전달해줘야한다면

2022년 6월 9일
·
0개의 댓글

Context api, redux, mobx, swr

React 에는 전역상태를 관리하는 여러가지 라이브러리가 존재한다.하나씩 알아보도록 하자.일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의

2022년 6월 7일
·
0개의 댓글
post-thumbnail

Context api, Redux, mobX, SWR

React에서는 전역상태를 관리하는 라이브러리가 다양하게 존재한다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재한다. Redux 외에도 여러가지의 상태관리 라이브러리가 존재하는데 그것에 대해 알아보자. 전역상태에 대한 정의 상태관리

2022년 6월 6일
·
0개의 댓글
post-thumbnail

MobX 훑어보기

상태관리 라이브러리, MobX 개념 알아보기

2022년 6월 1일
·
0개의 댓글

Mobx 사용법

이번 프로젝트에서 mobx를 사용 하게 됐다. 간단하게 사용법을 공부하면 좋을 것같다. 수많은 블로그에 많은 글들이 있지만, 역시나 나는 짬뽕해서 사용했다. 설치 mobx 6버전 이상 mobx 버전6 이전에서는 데코레이터를 사용하여 observable, compu

2022년 5월 25일
·
0개의 댓글

[Worksheet 220518] 상태관리 라이브러리 - Mobx

설치npm install mobxnpm install mobx-reactAction -> State -> Derivation / Reactionobserver를 통해서 react component가 mobx의 변경을 이해한다.makeAutoObservablemakeOb

2022년 5월 18일
·
0개의 댓글
post-thumbnail

MobX observer 함수

이전글에서 MobX의 makeObservable 과 makeAutoObservable 함수에 대해 기록해두었다. 이 글에서는 observer 함수가 반환하는 컴포넌트 및 MobX 상태 변경 시 재렌더링하는 방식에 대해 간단히 기록해보려 한다.(혹시나 이 글을 보시는 분

2022년 5월 16일
·
0개의 댓글

Redux vs Mobx vs Recoil

다중 계증 컴포넌트에서 데이터와 메소드 접근의 복잡성 해결컴포넌트에 집중된 비즈니스 로직의 분리가장 많이쓰이는 Redux 와 Mobx 그리고 최근 페이스북에서 만든 상태관리를 위한 Recoil까지 무엇을 사용할지 고민이 된다.Npm trends를 보니 여전히 아직도 R

2022년 4월 21일
·
0개의 댓글
post-thumbnail

context api, redux, mobx, swr

React에서 부모가 가지고 있는 State 데이터를최하위에 있는 자식 컴포넌트에 props로 넘겨주려하면중간 중간에 있는 모든 자식 컴포넌트에게 넘겨줘야한다.최하위 컴포넌트로 State를 보낼 뿐인데그 중간 과정이 너무 귀찮고 번거롭다.Context API는 이러한

2022년 4월 16일
·
0개의 댓글
post-thumbnail

context api, redux, mobx, swr

context api, redux, mobx, swr

2022년 4월 11일
·
0개의 댓글
post-thumbnail

[React]Context api, redux, mobx, swr

React React에서는 전역상태를 관리하는 라이브러리들이 상당히 존재합니다. 제일 유명한 상태관리 라이브러리로는 Redux(리덕스)라는 라이브러리가 존재합니다.하지만 이 Redux 를 포함한 여러가지의 상태관리 라이브러리가 존재하는데 오늘은 그것을 알아보려고 합니다

2022년 4월 11일
·
0개의 댓글
post-thumbnail

리액트 상태관리 Mobx

redux와 마찬가지로 React에 사용되는 상태관리 라이브러리중 하나이다.component와 state 연결하는 Redux와 달리 복잡한 보일러플레이트 코드들을 데코레이터 제공으로 해결.보일러플레이트 코드란? : 최소한의 변경으로 여러곳에서 재사용되고 반복적으로 비슷

2022년 4월 6일
·
0개의 댓글
post-thumbnail

Redux, Mobx, Recoil에 대해 비교하고 알아보자.

대표적인 상태관리 라이브러리인 Redux, Mobx, Recoil에 대해 알아보자 개발을 시작할 때만 하더라도 상태관리 라이브러리는 Redux 하나라고 생각했는데, 꽤나 많은 것들이 생겨났다. (이미 있었지만 몰랐을 수도..) 하지만 여전히 Redux를 가장 많이

2022년 3월 20일
·
0개의 댓글

React - 상태관리

React에서의 상태관리의 필요성을 느낄 때는 언제인가일단 React는 state를 props로 넘겨 받으면서 data를 공유한다.setState로 data를 수정하고 리렌더링 되어진다.근데 이 과정이 많아지고 프로젝트의 크기가 커지면, 상태관리의 필요성이 더욱 부각되

2022년 3월 14일
·
0개의 댓글
post-thumbnail

[MobX] MobX 이해하기

action, observable, computed는 MobX에서 제공하는 API이다. 스토어 객체에서 사용한다.injext와 observer는 MobX와 react를 연결해주는 MobX-react라이브러리에서 제공하는 API이다. 리액트 컴포넌트에 적용한다. 💻 M

2022년 3월 8일
·
0개의 댓글

오소리-개발일지#3

Mobx와 Axios를 이용하여 비동기를 generator 문법으로 사용해본 경험이 있는데,겪었던 불편함을 정리해보자면 다음과 같습니다.Screen의 Navigation Focus에 대한 처리를 매번 작성해주어야 한다.데이터를 Fetching(loading)하는지 각

2022년 2월 27일
·
0개의 댓글

redux & mobx 차이

Redux는 자바스크립트 기반 상태관리 라이브러리이다.리덕스 특징 하나의 store를 가진다.store의 데이터는 불변성을 가진다.action은 데이터 묶음을 reducer로 보내고 reducer는 store를 갱신다.Mobx는 자바스크립트 기반 상태관리 라이브러리이다

2022년 1월 17일
·
0개의 댓글