Mobx

使用Mobx来简化React项目中的状态管理

前言最近打算在真实项目中推行一下mobx，所以打算整理一下自己的思想。于是就有了下面这篇文章。基于面向对象，使用更直观的方式来管理React的状态(state)。下面会使用一个简单的例子来说明。
jamie_Ye·2019-12-16 14:10

Multiple MobX instances in your application

使用react-native-router-flux结合mobx开发报错MultipleMobXinstancesinyourapplication原因应该是react-native-router-flux
六分·2019-12-15 22:53

react,react-router 4,mobx构建我的移动端web

这几天终于在空余时间把我pc网站的极客教程做了一个简洁的移动web，做得比较简单，看看效果图:image.png,暂时只有看文章的功能，其余的慢慢的再加。做这个的目的主要是想学习下react相关技术栈的更新。1.开始克隆我github上的代码:gitclonehttps://github.com/cllgeek/geekjc-antd-mobile.git然后cdgeekjc-antd-mobil
极客教程·2019-12-15 09:55

简单理解Mobx(一)：使用目的

在项目中遇到了Mobx这个框架，看了几天博客终于理解了一点，因此特写下这篇简单理解Mobx的文章，并不会涉及Mobx比较全面的知识点，只希望也能为后来学习Mobx的人提供一些理解的基础，方便之后的学习。
反复横跳的龙套·2019-12-14 17:41

装饰器(Decorator)在React中的应用

一直没理解Decorator的作用，但最近在很多框架和库中看到它的身影，尤其是React和Redux，还有mobx中，所以专门查了一下资料，记录一下。
极客教程·2019-12-13 17:20

Mobx总结以及mobx和redux区别

Mobx解决的问题传统react使用的数据管理库为Redux。Redux要解决的问题是统一数据流，数据流完全可控并可追踪。
文学少女·2019-12-09 17:00

react 使用mobx全局状态管理

1、首先初始化react项目create-react-appmobxdemo2、下载mobx插件yarnaddmobxmobx-react--save使用mobx需要先安装装饰器插件，要不然项目会报错下面是装饰器的安装和配置
蜗牛的学习方法·2019-12-07 01:45

状态管理之 Flux、Redux、Vuex、MobX（概念篇）

本文是对Flux、Redux、Vuex、MobX几种常用状态管理模式的总结，偏向于概念层面，不涉及过多代码。状态管理什么是状态管理？
一字见心·2019-12-05 18:00

搭建新的react项目

涉及的技术点如下：react、typeScript、antd、react-router、axios、mobx1.作者环境（本文所用项目名称为ePlus，所以见到ePlus即为本项目名称，不再赘述）node
摆渡侠·2019-12-04 18:41

Redux or Mobx --前端应用状态管理方案的探索与思考

本文首发于《程序员》杂志2017年7月版：前端开发创新实践，作者本人，部分内容链接ReduxorMobx--前端应用状态管理方案的探索与思考1.前言前端的发展日新月异，Angular/React/Vue
ronniegong·2019-12-01 02:18

mobx简介

官方文档-传送MobX是响应式编程，实现状态的存储和管理。
boyrt·2019-11-30 11:21

无星的RN学习之旅（八）-Mobx入门到放弃

=代码：https://github.com/XingXiaoWu/mobx-/tree/master先声明一句话：MobX会对在追踪函数执行过程中读取现存的可观察属性做出反应。
无星灬·2019-11-29 07:05

Mobx 思想的实现原理

Mobx思想的实现原理Mobx最关键的函数在于autoRun，举个例子，它可以达到这样的效果：constobj=observable({a:1,b:2})autoRun(()=>{console.log
黄子毅·2019-11-28 03:00

【MobX】MobX 简单入门教程

Cover一、MobX介绍首先看下官网介绍：MobX是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparentlyapplyingfunctionalreactiveprogramming-TFRP
pingan8787·2019-11-27 23:44

初识 MobX + React-Native + React Router dom/native

MobX简单、可扩展的状态管理（可观察的数据）使用：安装:npminstallmobx--save。React绑定库:npminstallmobx-react--save。
jevons_lee_·2019-11-27 22:15

60 行代码实现一个简易MobX

我们将实现MobX的的主要功能：observableautoRuncomputed至于decorator(修饰器)且更多的是依赖于ES新的特性，在这里不过多分析MobX的特性MobX:Simple,scalablestatemanagement
HuaRongSAO·2019-11-27 17:46

vue-next 源码阅读笔记： 响应原理先分析MobX

vue-nuxt新特性VueFunctionAPI我们先看一下列子：countis{{count}}plusOneis{{plusOne}}count++importVuefrom'vue'import{value,computed,watch,onMounted}from'vue-function-api'exportdefault{setup(props,context){//reactive
HuaRongSAO·2019-11-27 17:12

React状态管理-m

React状态管理作用：实现多组件状态共享的，也是组件通信的一个方案React状态管理Flux目前很少人用了【它是其他状态管理的基础】Redux【必须会的重点的重点】最流行的形式mobx个别公司用【阿里
wwintowin·2019-11-26 23:09

Electron + React + Express 打造爬虫优质内容付费会员系统

本项目技术栈：Electron+React+Mobx+Express+Mongoose产品目标：实现一个分享个人副业的网站（线上测试地址），采用Electron爬虫知乎的副业话题下的优质答案，经审核通过后上线
weixiaoyi·2019-11-22 11:46

React Hooks 在全局状态管理中的实践

——《鹧鸪天》苏轼实践之结果发布于github，地址：react-duce不知从何时起，状态管理成了一个前端项目的标配，不论有无需要，我们都会引入诸如MobX、Redux库来管理我们应用的状态。
Walker·2019-11-17 08:24

MobX - Mobx会对什么反应？

MobX会对在任何一个被监控的function执行的过程中被读取的已经存在的observable的属性进行反应。上面的这句话里面有几个关键的点：1：正在被读取正在读取的意思是：取用一个对象的属性。
nanaistaken·2019-11-16 01:59

React状态管理-flux/redux/mobx

状态管理介绍为什么React要使用状态管理React它是一个轻量级的视图层框架，类似MVC中的V,所有的业务都集中在了V,那么V必然会很繁重我们希望来一些东西来承担v中业务，所以来了状态管理那么状态管理做了什么呢？数据处理数据的逻辑React状态管理三者都是架构思维，react只是它的一个组成部分1.Flux开源时间：2013年Flux它是一种架构思维，和MVC是同一个级别的要求：了解Flux组成
逆麟建·2019-11-15 16:00

MboX - 数据结构之Object

这里，我们有2种方式：1：在constructor里面使用extendObservableimport{extendObservable,observable}from'mobx'import{observer
nanaistaken·2019-11-13 09:04

React第三方组件6(状态管理之Mobx的使用①简单使用)

1、React第三方组件6(状态管理之Mobx的使用①简单使用)---2018.03.282、React第三方组件6(状态管理之Mobx的使用②TodoList上)---2018.03.293、React
前端人人·2019-11-07 19:18

通过 React + Mobx 实现简单的 TodoList

Todo-List这是一个用来初步了解如何通过React+Mobx构建应用的DEMO，通过Webpack进行打包。技术栈：React+Mobx+React-Mobx+SCSS。
Hunter_Gu·2019-11-07 03:02

[FE] hello-mobx

babel-preset-es2015\babel-preset-stage-0\babel-plugin-transform-decorators-legacy3.安装模块依赖npminstall--savemobx4
何幻·2019-11-07 00:53

React Native(Mobx多选实现,2017-09-05)

1.CarItemState3个函数(1)全选/反选(2)勾选1个(3)获取选中的数组id2.CartItem左边选择按钮+右边显示一个文字3.CarFooter全选/反选按钮4.CartItem和CarFooter里面的图片要自己替换一下4.可以设置默认选中个数5.不会渲染重复render多选.gifimport{observable,useStrict,action,computed}from
苹果雪梨渣·2019-11-06 23:24

antd Table 上移下移问题

[状态管理mobx](https://cn.mobx.js.org/)import{observable,action,toJS}from'mobx';@observableDataSource=[];
前端小菜鸟_简单·2019-11-06 22:49

react整理

编译完有时候会出现多一个default或者方法不是函数的情况，加一个最上面的let即可如何使用mobx的装饰器:create-react-app创建项目之后进入node_modules再进入react-scripts
上海第一撸码少年·2019-11-04 00:38

react native 集成 mobx

使用的版本:"mobx":"^4.2.1""mobx-react":"^5.1.2""react":"16.3.1""react-native":"0.55.4"因为安卓的jscore有些问题，所以mobx5
Mainyf·2019-10-31 13:42

react-总结10-状态管理-flux-redux-mobx

React状态管理1.作用:实现多组件状态共享，也是组件通信的一个方案2.React状态管理-Flux目前很少人用了是其他状态管理的基础-Redux最流行的形式-mobx前卫的形式3.React是一个视图层框架
站好我去买橘子·2019-10-29 21:21

【MobX】391- MobX 入门教程（下）

点击上方“前端自习课”关注，学习起来~三、MobX常用API介绍3.修改可观察数据在上一部分内容中，我们了解到，对可观察的数据做出反应的时候，需要我们手动修改可观察数据的值。
王平安·2019-10-26 07:00

【MobX】390- MobX 入门教程（上）

点击上方“前端自习课”关注，学习起来~本文考虑到篇幅问题，将《MobX入门教程》分成上、下两篇文章，方便阅读。
王平安·2019-10-25 07:00

【MobX】MobX 简单入门教程

一、MobX介绍首先看下官网介绍：MobX是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparentlyapplyingfunctionalreactiveprogramming-TFRP
pingan8787·2019-10-24 23:37

【MobX】MobX 简单入门教程

一、MobX介绍首先看下官网介绍：MobX是一个经过战火洗礼的库，它通过透明的函数响应式编程(transparentlyapplyingfunctionalreactiveprogramming-TFRP
王平安·2019-10-24 22:00

[Next] 四.在next中引入redux

添加redux写过react稍微复杂一些应用的话,应该都对redux(mobx)有一定的了解.这次将redux引入到项目中因为之前写项目的习惯,更喜欢使用redux-thunk改写dispatch进行异步请求
月山·2019-10-23 11:00

聊一聊状态管理&Concent设计理念

所有前端框架的发展历程中都离不开状态管理的迭代与更替，对于react来说呢，整个状态管理的发展也随着react架构的变更和新特性的加入而不停的做调整，作为一个一起伴随react成长了快5年的开发者，经历过reflux、redux、mobx
钟正楷·2019-10-18 11:34

mobx 源码解读（一）：从零到 observable 一个 object 如何

博客原文：githubmobxobservable-an-object文本是mobx源码解读系列第一篇本系列文章全部采用mobx较新版本：v5.13.0技术前提在阅读之前，希望你对以下技术有所了解或实践
lawler61·2019-10-09 10:46

Support for the experimental syntax 'decorators-legacy' isn't currently enabled

react+mobx+antd按需加载出现Supportfortheexperimentalsyntax'decorators-legacy'isn'tcurrentlyhttps://blog.csdn.net
Timor丶_a51b·2019-09-29 21:29

Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

现象在用`mobx-react-router`的`this.props.history.push("/")`的时候，浏览器会提示Warning:HashhistorycannotPUSHthesamepath
脚本小娃子·2019-09-29 20:00

记一次 Bug 引发的 babel 升级

文章同时发布与segmentfault和掘金起因最近参与了一个新的项目，是基于React+Antd+Ts+Mobx来写的。
joking_zhang·2019-09-25 00:00

用React-Native+Mobx做一个迷你水果商城APP(附源码)

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

Uncaught TypeError: Cannot read property 'componentWillReact' of undefined

在使用mobx、mobx-react出现错误分析及解决方案UncaughtTypeError:Cannotreadproperty'componentWillReact'ofundefinedateval
it浪子博客·2019-09-12 10:33

Redux or Mobx --前端应用状态管理方案的探索与思考

ReduxorMobx--前端应用状态管理方案的探索与思考本文首发于《程序员》杂志2017年7月版：前端开发创新实践，作者本人，部分内容链接ReduxorMobx--前端应用状态管理方案的探索与思考1.
chenxuanhanhao·2019-08-26 01:15

redux 和 mobX对比

以下内容会严格遵循下面三个观点这部分的每一个小块都是为了吹二者之一要怎么黑另外一个才能更好的达到吹的效果要吹得有理有据，黑得不带痕迹为什么这两个库可以被用来对比目的一致都是状态管理库，用来管理应用的内部状态受众大体一致一般都会被用到react中，虽然说这并不是必须的，你当然也可以用到vue或者angular里，但是，大多数情况下，都不会这么做可相互替代在项目之初，你可以选择二者之一来满足你的项目需
误入理工科的疯子·2019-08-25 11:54

从零配置webpack(react+less+typescript+mobx)

本文目标从零搭建出一套支持react+less+typescript+mobx的webpack配置最简化webpack配置首页要初始化yarn和安装webpack的依赖yarninit-yyarnaddwebpackwebpack-cli-D
dellyoung·2019-08-18 23:00

Mobx 源码初探 - observable（一）

//示例@observablename='张三';consttemp=observable.box(20);在源码中可以发现mobx为observable上绑定了很多方法。
时间小鱼·2019-08-15 00:00

react实现antd线上主题动态切换功能

demo框架选择：create-react-app+mobx+webpack5+antdesign说明由于最近公司有多个主题的共存性，所以需要实现线上主题切换的功能，所以本文主要描述的是基于create-react-app
张小汪·2019-08-12 10:46

Mobx4.X状态管理入门

於是就再写下来做个简单的入门,之前我写过一篇文章,这个也算是作為一个补充吧.这次无非就是类似笔记,把认为的一些关键点记下来,有些地方还没用到就衹是描述一下,代码有些自己写的,有些文档写的很好就搬下来,想瞭解更多可看官网Mobx
炸鸡超人·2019-08-06 00:00

react + typescript 集成mobx和设置别名alias最新解决方案

因为最近打算用react+typescript写一个新项目，结果在集成mobx以及webpack文件路径别名alias设置上碰到不少问题，在网上查了一些资料，然而大部分文章的解决方法因为使用工具的版本更新已经不再适用
LinCP_5·2019-07-25 22:54
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他