Mobx 第12页

前端状态管理和中间件的实现

单向数据流方案，以Redux为代表reduxthunk、promise、saga、epic等处理副作用dva,rematch,mirroroop风格vuex同步和异步分开Reactive，响应式数据流方案，以Mobx

afk46847·2020-08-20 15:43

React Native仿微博客户端

https://github.com/lyxia/RNWeiBohttp://www.jianshu.com/p/4190205d9811iOS&Androidreact-native版本0.40.0mobx

大灰狼的小绵羊哥哥·2020-08-20 13:24

用React-Native+Mobx做一个迷你水果商城APP

前言最近一直在学习微信小程序，在学习过程中，看到了wxapp-mall这个微信小程序的项目，觉得很不错，UI挺小清新的，便clone下来研究研究，在看源码过程中，发现并不复杂，用不多的代码来实现丰富的功能确实令我十分惊喜，于是，我就想，如果用react-native来做一个类似这种小项目难不难呢，何况，写一套代码还能同时跑android和ios（小程序也是。。。），要不写一个来玩玩？有了这个想法，

weixin_33722405·2020-08-20 12:08

一个基于React Native实现的美食类APP。

该分支针对原生新版食物派开发，主要针对Mobx练习（仍未完全迁移，所以存在部分Redux代码，如有兴趣可前往master分支），不做商业用途。目前已适配iOS和Android两端。

大灰狼的小绵羊哥哥·2020-08-20 10:35

Redux 还是 Mobx？还有没有更好的方式？

我们团队要做一个简小却五脏俱全的小web项目，一致采用React，但我们发现React经常与Redux以及Mobx结合使用。于是我们思考，Redux和Mobx各有什么优劣？哪个技术选型更适合我们？

小风筝0010·2020-08-19 16:12

微信小程序全局状态管理 wxscv

微信小程序中，数据状态不同页面中不能跨页面同步更新，也就是缺失类似vuex,mobx,redux全局的数据状态管理功能。有些人移植了这些库，但是毕竟不是微信小程序生态的东西。

高先生的猫·2020-08-19 00:00

小程序的 MobX 绑定辅助库

安装文档https://developers.weixin.qq.com/miniprogram/dev/extended/utils/mobx.html//项目安装npminstall--savemobx-miniprogrammobx-miniprogram-bindings

小曲曲·2020-08-18 23:45

写小程序时，你可能还需要一个状态管理工具

而在开发小程序的时候我觉得唯一缺少的就只是一个类似Redux或者Mobx这样的状态管理工具，所以这个周末我自己写了一个，使用风格上有点偏向Mobx那样的pubs

weixin_34249367·2020-08-18 23:30

基于Proxy的小程序状态管理

目前相对比较稳健的做法是针对redux或者mobx做一个adaptor应用到小程序中，但这样需要自己想

weixin_34167819·2020-08-18 23:48

Web前端的状态管理（State Management）

所谓的ReactJS全家桶即ReactJS+Redux+Webpack，当然其中的Redux可以用其他例如Mobx之类的替换。原本

weixin_30522183·2020-08-18 22:28

前端学习——Mobx

webpack环境搭建npminit-ynpmiwebpackwebpack-cliwebpack-dev-server-Dnpmihtml-webpack-plugin-Dnpmibabel-loader@babel/core@babel/preset-env-Dnpmi@babel/plugin-proposal-decorators@babel/plugin-proposal-class-p

南离99·2020-08-18 21:37

如何使用MobX管理JavaScript应用程序状态

本文由MichelWeststrate和AaronBoyer进行了同行评审。感谢所有SitePoint的同行评审人员使SitePoint内容达到最佳状态！如果您除了使用jQuery编写一个非常简单的应用程序以外还编写了其他任何内容，那么您可能会遇到使UI的不同部分保持同步的问题。通常，数据更改需要反映在多个位置，并且随着应用程序的增长，您会发现自己陷入困境。为了驯服这种疯狂，通常会使用事件让应用程

dingshi7798·2020-08-18 20:13

从零开始搭建一个基于React框架的博客发布系统（四）菜单栏和文章列表实现

考虑到学习成本以及项目本身就是个小体量的，所以这里的数据使用mobx管理，有兴趣的可以参考一下，MobX入门介绍,不想学习看看也能知道这是什么意思，这不是重点。

Run_youngman·2020-08-18 19:35

【前端前沿看点】微信小程序状态管理——Redux VS Mobx mvvm完成

一、微信小程序自身的应用状态是怎样定义的呢？page({data:{item:'',isLoading:true},onLoad:function(){this.setData({isLoading:false})}})二、为什么使用应用状态管理工具？同一数据，一次请求，应...一、微信小程序自身的应用状态是怎样定义的呢？page({data:{item:'',isLoading:true},on

占有欲极强的无知偏执狂·2020-08-18 19:43

常用网站

index.htmlthrifthttp://nodejs.cn/api/fs.html#fs_class_fs_statsnodejshttps://zh-hans.reactjs.org/reacthttps://cn.mobx.js.org

victorwjw·2020-08-18 12:50

react-native 加入mobx后报错

react-native0.57版本之后将全面升级babel7，babel6将无法运行。搞了一天才搞定，醉了。话不多说，解决方案是，重新安装如下四个库：@babel/core@babel/plugin-proposal-decorators@babel/plugin-transform-runtime@babel/runtime然后.babelrc里面重新配置下：{"presets":["modu

zp_jit·2020-08-18 07:23

React Native开发（二：手动安装react-native-image-crop-picker)

后期会继续更新项目版本依赖"dependencies":{"autobind-decorator":"^2.1.0","md5":"^2.2.1","mobx":"3.2.2","mobx-react"

Justin0223·2020-08-18 03:27

Daily Report-1126

看了部分react源码，发现有些吃力，在询问羽牧学长之后调整策略，从redux和mobx入手，先多熟悉用法，再看源码会更清楚一些。

weixin_30689307·2020-08-15 12:22

在react项目中使用 antd-Table,实现动态表格数据修改

index.state.js中可以写import{observable,action,toJS}from‘mobx’;classState{@observabledata=[];@observablecolumns

☞你你你☜·2020-08-15 10:04

JavaScript—ES6 元编程（5）

在应用和学习中不断接触到这概念，比如mobx5中就用到了Proxy重写了Observable对象，觉得有必要梳理总结一下。

weixin_34327223·2020-08-15 08:22

electron + react + react-router + mobx + webpack 搭建脚手架工程

项目地址：https://github.com/ConardLi/electron-reactelectron-reactelectron+react+react-router+mobx+webpack

weixin_34109408·2020-08-15 00:59

2019，手把手教你用React Hooks解决状态管理（上）

作为React16.8的宠儿Hooks，大家也很关心其带来的变化，其中备受关注的一点就是状态管理，以至于大家很容易可以在各个社区搜到这些问题：React有了Hooks还需要Redux和Mobx吗？

weixin_34074740·2020-08-15 00:28

react+antd+mobx在ie浏览器上打不开问题

babel-plugin-transform-decorators-legacynpminstallbabel-plugin-transform-decorators-legacy然后在plugins上加上；解决mobx

my小新·2020-08-13 21:16

【react学习笔记】项目配置(typeScript)

目录使用cra创建项目配置路径别名路径代码提示webpack识别别名css预处理器配置sass配置less配置sass文件自动导入配置Mobx配置react-router配置antdantd自定义主题参考使用

ajh99990·2020-08-13 12:55

web前端三大框架的相同之处、优缺点

*React与Vue相同点1、使用VirtualDOM，有较高的运行速度2、提供组件化功能3、可使用mobx与vuex进行状态管理，响应式、依赖追踪React1、子组件重复渲染问题需要手动优化2、可以使用

pan_80231015·2020-08-13 10:25

Flutter+Mobx实战，写一个App应用

状态管理器使用Mobx,我自己觉得对于Redux使用起来会复杂一点，下面是提供的预览GIF图,卡顿现象是因为屏幕录制的帧率有点低。

weixin_34138056·2020-08-12 15:59

报错

请求后台数据HTTP400，422状态码，422UnprocessableEntity意思是：请求格式正确，但是由于含有语义错误，无法响应出现的原因：可能是数据嵌套的对象太深，找不到关于mobx报错解决方法

QCousin·2020-08-12 13:05

Proxy详解，运用与Mobx

本文简单阐述一点元编程的知识，然后较为详细的给出Proxy的有关用法（起码比MDN详细，补充了各种错误情况的具体示例，且比上面的机翻准确），再用一些例子讲述Proxy适合在什么场景下使用元编程首先，在编程中有以下两个级别：基本级别/应用程序级别：代码处理用户输入元级别：代码处理基本级别的代码元(meta)这个词缀在这里的意思是：关于某事自身的某事，因此元编程(metaprogramming)这个词

weixin_34129145·2020-08-11 23:39

mobx的componentWillReact

MobX的生命周期componentWillReact为什么会有这个生命周期？

qq_22672291·2020-08-11 17:01

深入理解Redux:10个来自专家的Redux实践建议

而硝烟之后，现在主流的状态与数据管理框架便数Redux与MobX，其中MobX并非Flux的实现。Redux如此流行的一个重要乃

powerx_yc·2020-08-10 23:32

Flutter 状态管理之MobX

MobX一直是主要用于JS的主要的状态管理技术。flutter现在关于状态管理的方案有ScopedModel，InheritedWidget，ReduxforFlutter，甚至是BLoC。

__卓原·2020-08-10 21:19

Flutter状态管理之路（四）

接上一篇Flutter状态管理之路（三）此篇主要介绍flutter_mobxflutter_mobx版本：dependencies:mobx:^0.4.0flutter_mobx:^0.3.4dev_dependencies

Owen__Lee·2020-08-10 14:39

react中mbox的创建与使用

创建项目create-react-appmyapp进入项目cdmyapp进行配置文件抽离npmruneject安装mobxmobx-reactmobx是状态管理工具mobx-react是做数据分片和数据获取

人间正道是沧桑_jinwei·2020-08-10 07:18

React实现web音乐app（可预览）

github地址：基于React的音乐播放器预览地址：预览地址(窗口大小变化时请刷新一下页面)接口地址：网易云音乐API技术栈reactreact-routermobxfetchantd-mobilebetter-scrollES6less

zzh1918·2020-08-09 23:31

初识Taro-cli

对taro的体验实践过程遇到的:优&缺点官方已承认的缺点初始化配置可自定义:如样式支持丰富:sass/scss/less/stylus状态管理工具支持redux/mobx支持ts支持微信小程序原生，taro

zakiii·2020-08-09 16:06

Mobx编写思路

在react+mobx的应用中，我们要明确两者的职责（以下观点只限于本人，欢迎讨论），react仅作数据渲染，mobx做数据处理。

zarek_jiamu·2020-08-09 16:53

react状态管理工具redux还是mobx？

一、redux1.工作原理：JavaScript状态容器，提供可预测化的状态管理，严格遵守单向数据流首先使用store=createStore(reducer)创建项目唯一的一个全局状态中心store在组件中获取store的subscribe，getState，dispatch三个函数用户动作的action通过dispatch传递给sotre的reducer，根据用户要求修改store,得到最新的

kellywong·2020-08-09 14:04

react antd Form.List Form.Iterm Checkbox.Group的案例

邮件订阅交易报表流水需求功能关键代码importReactfrom"react";import{inject,observer}from"mobx-react";import{withRouter}from"react-router-dom

majinbo111·2020-08-09 12:02

前端8大知识体系梳理

Ionic等三、关联知识点浏览器兼容，webpack，http请求方式，http与https以及http状态码，前端安全（XSS漏洞/sql注入/CSRF漏洞/cookie安全策略/传输安全），Redux、mobx

杏子_1024·2020-08-09 02:13

React服务端渲染,支持代码按需加载,使用webpack4打包部署

服务端渲染,更好的SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面为了解决打包代码过于庞大,对代码进行了组件的分割,支持代码按需加载解决首屏白屏问题技术栈React(v16)+Mobx(v4)

weixin_34226706·2020-08-07 20:49

Mobx-action

action用法：action(fn)action(name,fn)@actionclassMethod@action(name)classMethod@actionboundClassMethod=(args)=>{body}@action(name)boundClassMethod=(args)=>{body}action是一个工厂函数，可以接受name和fn两个参数，name是String，

CrystalAngelLee·2020-08-06 10:02

React-Native常用第三方库

功能层面1、页面导航react-native-navigation：https://reactnavigation.org/docs/en/3.x/getting-started.html2、状态管理mobx

举世武双·2020-08-06 10:27

细聊Concent & Recoil , 探索react数据流的新开发模式

开源不易，感谢你的支持，❤starmeifyoulikeconcent^_^序言之前发表了一篇文章redux、mobx、concent特性大比拼,看后生如何对局前辈，吸引了不少感兴趣的小伙伴入群开始了解和使用

钟正楷·2020-08-04 21:43

React ( flux使用流程及流程图 )

传统MVC的缺陷传统MVC没有解决M和V之间的交互关系为了弥补这个缺陷，人们相处了FluxReduxMobx这样三种架构思维，那么React只是这三种架构的一个组成部分，那么这个组成部分充当的是View

lllllllwj·2020-08-03 19:25

EggJs + Next.js + React + 初探 (更新中)

0-2、安装MobX1、安装MobX：npmi

_Nana_·2020-08-03 13:34

前端小白初探Mobx，记录mobx理解过程

mobx是一个状态管理器，那么说到mobx那肯定先联想到redux，那么先来简单回顾一下redux的内容reduxstorestore是存储数据的地方，redux提供createStore函数，用来生成

yozora999·2020-08-03 09:02

【前端学习笔记】mobx初认识

https://segmentfault.com/a/1190000015554899定义1、React的render是将存储的状态转化为树状结构来渲染组件的方法；Mobx是用来存储和更新状态的工具；2

辰小小·2020-08-03 07:36

mobx学习总结

Mobx解决的问题传统React使用的数据管理库为Redux。Redux要解决的问题是统一数据流，数据流完全可控并可追踪。要实现该目标，便需要进行相关的约束。

weixin_34310369·2020-08-03 07:49

Mobx的白话文档

Mobx是一个状态管理的库，也许你对应用中一些数据的管理已经得心应手了，并且有自己擅长或喜好的状态管理库，但这也并不会影响你对Mobx展开了解，因为这些库或者工具提供给我们的是解决问题的方案，存在即有其合理性

weixin_34302798·2020-08-03 07:46

mobx——rudex的简单替代品

mobx能干什么使用react写小型应用，数据、业务逻辑和视图的模块划分不是很细是没有问题的。在这个阶段，引入任何状态管理库，都算是奢侈的。

weixin_34161029·2020-08-03 07:38

推荐频道

Mobx