关注
分享
smk108
目前主要工作是前端开发工程师，用过div+css、js、JQuery、bootstrap、ionic等技术，做过pc端，也试过移动端，尝试过混合式开发。目前，主要精力集中于React、Webpack、Redux 等React技术栈，也在学习es6等新技术。
展开
-
mobx系列(四)Mobx定义数据存储
更新中原创 2019-11-30 17:00:20 · 1446 阅读 · 4 评论 -
mobx系列(一)-mobx简介
Mobx是通过函数响应式编程使状态管理变得简单和可扩展的状态管理库。Mobx和Redux一样，采用单向数据流管理状态：通过action改变应用的state，state的改变触发相应ui的更新，如下图所示：Mobx有如下几个主要概念：State：状态，应该是应用依赖的最小状态集，没有任何多余的状态，也不需要通过其他状态计算而来的中间状态；Computed value：计算值，是根据s...原创 2018-12-03 19:16:50 · 10641 阅读 · 0 评论 -
mobx系列(五)-Mobx常见问题及解决方案（1）Mobx使用严格模式
mobx在严格模式下，不允许在 action 外更改任何状态。但是不同版本严格模式的用法不同，3.x、4.x、5.x三个版本下的严格模式用法。1、mobx@3.x：useStrict(boolean)2、mobx@4.x：configure({ enforceActions: boolean })迁移说明：https://github.com/mobxjs/mobx/wiki/Migr...原创 2018-10-19 17:42:44 · 7083 阅读 · 0 评论 -
mobx系列(三)-在React中使用Mobx
Mobx提供了一个mobx-react包帮助开发者方便地在React中使用Mobx，mobx-react中有observer、Provider、inject几个常用的api。在《mobx系列(二)-mobx主要概念》中我们已经介绍过observer，本文介绍下inject、Provider，以及Mobx如何与React结合使用。1、ProviderProvider是一个React组件，使用...原创 2018-12-17 18:45:29 · 7366 阅读 · 3 评论 -
mobx系列(二)-mobx主要概念
通过《Mobx系列(一)-Mobx简介》我们简单理解了Mobx的基本原理及流程，使用Mobx实现一个响应式的应用，主要分为三个步骤：定义状态并使其可观察（state） 对状态改变的响应（computed、autorun、reaction、observer、when） 改变状态（action）下面从这三个步骤的顺序介绍Mobx的主要概念。（版本为5.X、使用es7装饰器）1、可观察状态...原创 2018-12-11 19:36:49 · 3630 阅读 · 2 评论 -
mobx系列(五)-Mobx常见问题及解决方案（2）observable state更新后组件不主动更新问题
在《mobx系列(二)-mobx主要概念》中解释过mobx对什么作出反应，如果对这一部分内容理解不清楚，开发中经常会遇到store中状态更新了，但是组件没有重新渲染的问题。本文简单列举几种情况及解决方法。1、缓存observables 属性并存储在本地这是文档中的一个示例，指的是从 observable 属性中提取数据并存储，这样的数据是不会被追踪的：class User { @...原创 2019-04-29 19:33:34 · 13082 阅读 · 5 评论 -
mobx系列(七)- mobx开发调试工具
mobx还提供了一个开发调试工具：mobx-react-devtools，下面简单介绍下mobx-react-devtools的使用。1、安装npm install --save-dev mobx-react-devtools2、使用要想使用开发调试工具，需要先导入DevTools组件，然后在代码的某个位置渲染它，如：import React, {Component} fro...原创 2019-04-29 19:48:59 · 4503 阅读 · 1 评论