Mobx-React 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Mobx-React 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 IT_小翼
适用人群 未知
收录时间 2016-11-24

软件简介

为了将React与Mobx结合起来的一个React组件包,export出一个observer声明和一些开发的工具。这个组件包支持React和React-Native。

安装使用:

npm install mobx-react --save

或者使用cdn:https://unpkg.com/mobx-react (namespace: mobxReact)

import {observer} from 'mobx-react';
// - or -
import {observer} from 'mobx-react/native';
// - or, for custom renderers without DOM: -
import {observer} from 'mobx-react/custom';

这个组件提供了为React和Mobx的绑定,详细请参阅官方文档

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2018/07/27 15:04

react使用mobx

mobx api 使用装饰器语法 mobx数据转化为js数据 安装 yarn add mobx mobx-react yarn add babel-preset-mobx --dev "presets": ["mobx"] 添加 /src/store/index.js import { observable, action, computed } from 'mobx' class Store { @observable state = { title: 'Header..' } @computed get get_...

0
0
发表了博客
2019/12/09 17:54

【react】Mobx总结以及mobx和redux区别

Mobx解决的问题 传统react使用的数据管理库为Redux。Redux要解决的问题是统一数据流,数据流完全可控并可追踪。要实现该目标,便需要进行相关的约束 Redux由此引出dispatch action reducer等概念,对state的概念进行强约束,然而对于一些项目来说,太过强,便失去了灵活性。Mobx便是填补此空缺的 这里对Redux和Mobx进行简...

0
0
发表了博客
2019/10/25 15:00

react-mobx-3

Flow 用法: flow(function* (args) { }) // 包装异步函数。这将确保所有回调都会被 action() 包装。 // flow() 接收 generator 函数作为它唯一的输入 // flow 会返回一个 promise ,需要的话可以使用 cancel() 进行撤销。 import { configure } from 'mobx'; // 不允许在动作外部修改状态 configure({ enfor...

0
0
发表了博客
08/05 16:31

React + MobX 快速上手

一、Mobx机制介绍: Mobx 是简单、可扩展的状态管理,当应用状态更新时,任何源自应用状态的东西都将自动地获得。React 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。...

0
0
发表了博客
2019/08/05 23:38

使用 mobx-react-stores 开发 react 应用

原文地址:https://acme.top/mobx-react-stores-doc 前言 mobx-react-stores 是为了方便将 antd pro 改为使用 mobx 而开发的,里面的思路和代码大量的参考了 dva 和 umi 的实现 安装 npm i mobx-react-stores 使用 获取 stores 实例对象 import {stores} from 'mobx-react-stores'; 状态管理 mobx-react-stores 可以用...

0
0
发表了博客
2019/08/29 16:06

在react项目中使用redux or mobx?

主要比较参数: 库体积,打包项目体积 开发体验 性能对比 在对比参数前首先分析一下redux和mobx的设计模式,redux和mobx都没有使用传统的mvc/mvvm形式,而且他们使用flux结构也略有不同,这个也是造成redux和mobx各项参数不同的缘由之一。 mvc/mvvm和flux的对比 mvc设计图 flux设计图 如图可知,mvc在处理多数据和复杂业...

0
0
发表了博客
2019/09/02 14:55

Mobx-React : 当前最适合React的状态管理工具

MobX 简单、可扩展的状态管理 MobX 是由 Mendix、Coinbase、Facebook 开源和众多个人赞助商所赞助的。 安装 安装: npm install mobx --save。 React 绑定库: npm install mobx-react --save。 要启用 ESNext 的装饰器 (可选), 参见下面。 CDN: https://unpkg.com/mobx/lib/mobx.umd.js https://cdnjs.com/libraries/mobx...

0
0
发表于大前端专区
09/19 20:46

mobx-react 多个store 和 全局状态

和context配合确实很方便, 只是对于所有的函数式组件需要用observer包装一层有点难受 为什么js没有函数装饰器啊啊啊啊啊 不过在react中用mobx和在vue中redux一样奇怪.... https://mobx-react.js.org/recipes-cont...

0
0
发表了博客
2018/07/05 10:43

前端003/【React + Mobx + NornJ】开发模式

1。React + Mobx + NornJ 开发模式快速上手教程      github网址:https://github.com/joe-sky/nornj-cli/blob/master/docs/guides/overview.md 2。项目开发环境 (一)。脚手架基于【ES6+Babel】环境,并使用【webpack】进行打包。 【1】ES6:JS语法堂 【ES2015】 新版本JS提供了`class`、`解构赋值`、`模块系统`、...

0
0
发表了博客
2018/01/15 20:31

react生命周期函数使用箭头函数,导致mobx-react问题

最近新人加入了项目,遇到了一个很奇怪的问题。mobx observable 属性,onChange的时候就是页面不会刷新。 试来试去,就是不知道什么原因,后来其他同事查到是因为componentWillMount写成了箭头函数,真的是防不胜防啊。 错误代码如下,componentWillMount的箭头函数去掉就妥妥的对的 whyRun函数运行的结果如下,显示的意...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
6 收藏
分享
返回顶部
顶部