https://github.com/amamov/mobx-demo
mobx demo for make team
https://github.com/amamov/mobx-demo
Last synced: 7 months ago
JSON representation
mobx demo for make team
- Host: GitHub
- URL: https://github.com/amamov/mobx-demo
- Owner: amamov
- Created: 2021-09-23T06:04:09.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-12-13T03:24:16.000Z (almost 4 years ago)
- Last Synced: 2025-01-17T11:42:34.294Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 160 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# MobX Demo
> MobX의 핵심을 담은 데모 프로그램
## Getting Start
### MobX with React.js
1. `npm i`
2. `npm run demo`
3. open browser with `http://localhost:8080`
### Vanilla MobX
1. `npm run basic`
## MobX 작동 방식
상태를 변경하는 `Action`이 발생하면 `Observable State`가 변경되고, 변경되었을 때 필요에 따라 `Computed Values`가 계산되거나 적절한 `Reaction`을 수행한다.
## MobX 특징
- 객체지향 프로그래밍 편의성 제공
- 스프링, 네스트와 유사한 아키텍쳐 구조 지향
- 적은 코드량과 낮은 러닝 커브
- Mutable한 상태 변경 가능
- 자유도가 높아 테스트하기 좋은 코드를 작성하기 쉬움
## Refernce
- [MobX 공식문서](https://mobx.js.org/installation.html)
- [MobX 깃허브](https://github.com/mobxjs/mobx)
- [MobX with React 공식 문서](https://mobx-react.js.org/)
- [React에서 MobX 경험기 - 우아한 형제들](https://techblog.woowahan.com/2599/)
- [MobX와 Redux의 차이 및 MobX 학습 정리](https://jinhyukoo.github.io/web/2021/02/03/Mobx%ED%95%99%EC%8A%B5%EC%A0%95%EB%A6%AC.html)