# react-mobx

**Repository Path**: codinglin/react-mobx

## Basic Information

- **Project Name**: react-mobx
- **Description**: 使用mobx进行状态管理
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-15
- **Last Updated**: 2023-02-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Mobx 是什么？

一个可以和 React 良好配合的集中状态管理工具，mobx 和 react 的关系，相当于 vuex 和 vue。

## Mobx 优势

1. 简单

编写无模板的极简代码来精确描述你的意图（原生 js）

2. 轻松实现最优渲染

依赖自动追踪最小渲染优化

3. 架构自由

可移植，可测试

## Mobx 基础使用

1. 初始化 mobx 的过程

声明数据 -> 响应式处理 -> 定义 action 函数 -> 实例化导出

2. mobx 如何配合 react 使用？

mobx-react-lite 作为链接包，导出 observer 方法，包裹组件(只能是函数组件)，类式组件配合 mobx-react 使用

3. 模块化解决了什么问题？

可维护性问题

4. 如何实现 mobx 模块化？

按照功能拆分 store 模块，根模块中组合子模块，利用 context 机制依赖注入